Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Outlook] (Script Lab) Add workaround to run snippets in Outlook on the web #4383

Merged
merged 1 commit into from
Jan 31, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions docs/includes/script-lab-outlook-web.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
> [!NOTE]
> Starting in Version 115 of Chromium-based browsers, such as Chrome and Edge, [storage partitioning](https://developers.google.com/privacy-sandbox/3pcd/storage-partitioning) is being tested to prevent specific side-channel cross-site tracking (see also [Microsoft Edge browser policies](/deployedge/microsoft-edge-policies#defaultthirdpartystoragepartitioningsetting)). This change is preventing Script Lab snippets from running in Outlook on the web. To work around this, go to **chrome://flags** or **edge://flags** in your browser, then set the **Third-party Storage Partitioning (#third-party-storage-partitioning)** flag to **Disabled**.
4 changes: 3 additions & 1 deletion docs/outlook/delay-delivery.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Manage the delivery date and time of a message
description: Learn how to get and set the delivery date and time of a message in compose mode.
ms.date: 10/05/2023
ms.date: 01/29/2024
ms.topic: how-to
ms.localizationpriority: medium
---
Expand Down Expand Up @@ -76,6 +76,8 @@ Get the [Script Lab for Outlook add-in](https://appsource.microsoft.com/product/

:::image type="content" source="../images/outlook-delay-delivery-script-lab.png" alt-text="The message delivery sample snippet in Script Lab.":::

[!INCLUDE [script-lab-outlook-web](../includes/script-lab-outlook-web.md)]

## See also

- [Create Outlook add-ins for compose forms](compose-scenario.md)
4 changes: 3 additions & 1 deletion docs/overview/explore-with-script-lab.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Explore Office JavaScript API using Script Lab
description: Use Script Lab to explore the Office JS API and to prototype functionality.
ms.date: 11/10/2023
ms.date: 01/29/2024
ms.topic: concept-article
ms.custom: scenarios:getting-started
ms.localizationpriority: high
Expand Down Expand Up @@ -67,6 +67,8 @@ Script Lab for Outlook is available on the following clients.
- Outlook on Mac
- Outlook on the web when using Chrome, Microsoft Edge, or Safari browsers

[!INCLUDE [script-lab-outlook-web](../includes/script-lab-outlook-web.md)]

For more details on Script Lab for Outlook, see the related [blog post](https://devblogs.microsoft.com/microsoft365dev/script-lab-now-supports-outlook/).

> [!IMPORTANT]
Expand Down
10 changes: 6 additions & 4 deletions docs/overview/set-up-your-dev-environment.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Set up your development environment
description: Set up your developer environment to build Office Add-ins.
ms.date: 09/01/2022
ms.date: 01/29/2024
ms.topic: install-set-up-deploy
ms.localizationpriority: medium
---
Expand All @@ -16,15 +16,15 @@ You need a Microsoft 365 account. You can get a free, 90-day renewable Microsoft

## Install the environment

There are two kinds of development environments to choose from. The scaffolding of Office Add-in projects that is created in the two environments is different, so if multiple people will be working on an add-in project, they must all use the same environment.
There are two kinds of development environments to choose from. The scaffolding of Office Add-in projects that is created in the two environments is different, so if multiple people will be working on an add-in project, they must all use the same environment.

- **Node.js environment**: Recommended. In this environment, your tools are installed and run at a command line. The server-side of the web application part of the add-in is written in JavaScript or TypeScript and is hosted in a Node.js runtime. There are many helpful add-in development tools in this environment, such as an Office linter and a bundler/task-runner called WebPack. The project creation and scaffolding tool, Yo Office, is updated frequently.
- **Visual Studio environment**: Choose this environment only if your development computer is Windows, and you want to develop the server-side of the add-in with a .NET based language and framework, such as ASP.NET. The add-in project templates in Visual Studio aren't updated as frequently as those in the Node.js environment. Client-side code can't be debugged with the built-in Visual Studio debugger, but you can debug client-side code with your browser's development tools. More information later on the **Visual Studio environment** tab.

> [!NOTE]
> Visual Studio for Mac doesn't include the project scaffolding templates for Office Add-ins, so if your development computer is a Mac, you should work with the Node.js environment.

Select the tab for the environment you choose.
Select the tab for the environment you choose.

# [Node.js environment](#tab/yeomangenerator)

Expand Down Expand Up @@ -135,6 +135,8 @@ If you do not have Visual Studio 2017 (for Windows) or later installed, install

Script Lab is a tool for quickly prototyping code that calls the Office JavaScript Library APIs. Script Lab is itself an Office Add-in and can be installed from AppSource at [Script Lab](https://appsource.microsoft.com/marketplace/apps?search=script%20lab&page=1). There's a version for Excel, PowerPoint, and Word, and a separate version for Outlook. For information about how to use Script Lab, see [Explore Office JavaScript API using Script Lab](explore-with-script-lab.md).

[!INCLUDE [script-lab-outlook-web](../includes/script-lab-outlook-web.md)]

## Next steps

Try creating your own add-in or use [Script Lab](explore-with-script-lab.md) to try built-in samples.
Expand All @@ -154,4 +156,4 @@ Explore the library of built-in samples in [Script Lab](explore-with-script-lab.
- [Design Office Add-ins](../design/add-in-design.md)
- [Test and debug Office Add-ins](../testing/test-debug-office-add-ins.md)
- [Publish Office Add-ins](../publish/publish.md)
- [Learn about the Microsoft 365 Developer Program](https://developer.microsoft.com/microsoft-365/dev-program)
- [Learn about the Microsoft 365 Developer Program](https://developer.microsoft.com/microsoft-365/dev-program)