From 0080c72bedc724668b0b9ae755c2af37f0cbe82a Mon Sep 17 00:00:00 2001 From: njagallo Date: Fri, 20 Dec 2024 18:24:30 +0530 Subject: [PATCH 01/11] Update hyperlinks --- msteams-platform/concepts/build-and-test/deep-links.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/msteams-platform/concepts/build-and-test/deep-links.md b/msteams-platform/concepts/build-and-test/deep-links.md index 4f761146f87..9b5e87b8763 100644 --- a/msteams-platform/concepts/build-and-test/deep-links.md +++ b/msteams-platform/concepts/build-and-test/deep-links.md @@ -31,7 +31,7 @@ You can use deep links in Teams in the following ways: :::image type="content" source="~/assets/images/deeplink-chat.gif" alt-text="Graphical representation shows the user experience of deep links in chat."::: -* **Deep link to teams and channels**: Use a deep link to navigate to a particular team or channel. For more information, see [deep link to a channel](~/concepts/build-and-test/deep-link-teams.md). +* **Deep link to teams and channels**: Use a deep link to navigate to a particular team or channel. For more information, see [deep link to a channel](deep-link-teams.md#deep-link-to-navigate-to-channel) :::image type="content" source="~/assets/images/deeplink-teams-and-channels.gif" alt-text="Graphical representation that shows the user experience of deep links in group chat."::: From e241328391f1c76e4e908de2c28bac392377b9f6 Mon Sep 17 00:00:00 2001 From: njagallo Date: Fri, 20 Dec 2024 19:26:56 +0530 Subject: [PATCH 02/11] Update hyperlinks --- msteams-platform/concepts/build-and-test/apps-package.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/msteams-platform/concepts/build-and-test/apps-package.md b/msteams-platform/concepts/build-and-test/apps-package.md index bf001f7fc56..7f3bd8414b0 100644 --- a/msteams-platform/concepts/build-and-test/apps-package.md +++ b/msteams-platform/concepts/build-and-test/apps-package.md @@ -33,9 +33,9 @@ You can create an app and configure the app manifest through one of the followin * **Teams Toolkit**: A set of tools and extensions in Microsoft Visual Studio Code and Visual Studio to create, debug, and deploy an app. When creating an app, the app manifest generates from a template file based on the selected capabilities. You can then customize in [Visual Studio Code](../../toolkit/TeamsFx-preview-and-customize-app-manifest.md) or [Visual Studio](../../toolkit/toolkit-v4/TeamsFx-preview-and-customize-app-manifest-vs.md) based on your requirements, validate the manifest file, and zip the app package. -* **Teams Developer Portal**: A web-based platform that helps you create your app, configure your app manifest, and generate an app package. To create an app through Teams Developer Portal, see [create and register an app](teams-developer-portal.md). +* **Teams Developer Portal**: A web-based platform that helps you create your app, configure your app manifest, and generate an app package. To create an app through Developer Portal, see [create and register an app](teams-developer-portal.md). -You can add bot, tab, message extensions, and other capabilities to your app by updating the app manifest with the required app capability. For more information, see [build app with app capabilities](../../get-started/get-started-overview.md). +You can add bot, tab, message extensions, and other capabilities to your app by updating the app manifest with the required app capability. For more information, see [build app with app capabilities](../../get-started/get-started-overview.md#build-your-first-teams-app). When you publish your app to the Microsoft Teams Store, ensure your app manifest references to the latest [app manifest schema](~/resources/schema/manifest-schema.md). For sample app manifest, see [Hello world sample app](https://github.com/OfficeDev/Microsoft-Teams-Samples/blob/main/samples/app-hello-world/csharp/demo-manifest/app-hello-world.zip). From 11fa76c2cb76db0f9cd9ac105fb41d3b208dcf17 Mon Sep 17 00:00:00 2001 From: njagallo Date: Fri, 20 Dec 2024 20:23:34 +0530 Subject: [PATCH 03/11] Update hyperlinks --- .../concepts/build-and-test/deep-link-teams.md | 14 ++------------ msteams-platform/tabs/what-are-tabs.md | 9 ++++----- 2 files changed, 6 insertions(+), 17 deletions(-) diff --git a/msteams-platform/concepts/build-and-test/deep-link-teams.md b/msteams-platform/concepts/build-and-test/deep-link-teams.md index 582ce612785..10aec3928fd 100644 --- a/msteams-platform/concepts/build-and-test/deep-link-teams.md +++ b/msteams-platform/concepts/build-and-test/deep-link-teams.md @@ -12,16 +12,6 @@ ms.date: 01/31/2023 You can create a deep link to a Teams chat, such as to start a new chat, go to a channel conversation, and access a file within a channel. -In this article, you’ll learn to create: - -- [Deep link to start a new chat](#deep-link-to-start-a-new-chat)
-- [Deep link to navigate to a chat](#deep-link-to-navigate-to-a-chat)
-- [Deep link to navigate to channel conversation](#deep-link-to-navigate-to-channel-conversation)
-- [Deep link to navigate to chat messages](#deep-link-to-navigate-to-chat-messages)
-- [Deep link to navigate to a team](#deep-link-to-navigate-to-a-team)
-- [Deep link to navigate to channel](#deep-link-to-navigate-to-channel)
-- [Generate deep link to a file in a channel](#generate-deep-link-to-a-file-in-a-channel) - ## Deep link to start a new chat You can navigate to or create private chats between users with the Microsoft Teams JavaScript client library (TeamsJS) by specifying the set of participants. If a chat doesn’t exist with the specified participants, the user is navigated to an empty new chat. @@ -112,7 +102,7 @@ The query parameters are: Example: `https://teams.microsoft.com/l/message/19:253f5895-9a62-4362-8d38-43f0205c702c_f1b94dcf-0aa3-4989-bcdf-ef4a5ed00f86@unq.gbl.spaces/1563480968434?context=%7B%22contextType%22:%22chat%22%7D` -You can start a conversation with a bot using a prepopulated message through a deep link. Use the bot ID prefixed with `28:` in place of an email address. The format of the deep link is: +You can start a conversation with a bot using a prepopulated message through a deep link. Use the bot ID prefixed with `28:` in place of an email address. The format of the deep link is: `https://teams.microsoft.com/l/chat/0/0?users=28:[bot guid]&message=This%20message%20was%20triggered%20by%20a%20link!` @@ -133,7 +123,7 @@ The query parameters are: * `channelId`: Channel ID of the conversation (URL encoded). For example, 19%3ATWLPKo8lD4v8zDxyw4FnDYY-ovnBJG5CSjmrHUAoOz41%40thread.tacv2. * `groupId`: Group ID of the file. For example, 72602e12-78ac-474c-99d6-f619710353a9. * `tenantId`: Tenant ID, such as 72f988bf-86f1-41af-91ab-2d7cd011db47. - + > [!Note] > You can get `channelId` and `groupId` in the URL from the team. diff --git a/msteams-platform/tabs/what-are-tabs.md b/msteams-platform/tabs/what-are-tabs.md index 48920617f89..ae8930e637a 100644 --- a/msteams-platform/tabs/what-are-tabs.md +++ b/msteams-platform/tabs/what-are-tabs.md @@ -28,7 +28,7 @@ The following images show tabs added to different contexts in Teams: **Teams mobile** -:::image type="content" source="~/assets/images/tabs/mobile-design-access-tab.png" alt-text="Example shows a mobile tab being added in a personal context." lightbox="~/assets/images/tabs/mobile-design-access-tab.png"::: +:::image type="content" source="~/assets/images/tabs/mobile-design-access-tab.png" alt-text="Example shows a mobile tab being added in a personal context." lightbox="~/assets/images/tabs/mobile-design-access-tab.png" --- # [Channel](#tab/channel) @@ -39,7 +39,7 @@ The following images show tabs added to different contexts in Teams: **Teams mobile** -:::image type="content" source="~/assets/images/tabs/mobile-design-static-tab.png" alt-text="Example shows a mobile tab being added in a channel." lightbox="~/assets/images/tabs/mobile-design-static-tab.png"::: +:::image type="content" source="~/assets/images/tabs/mobile-design-static-tab.png" alt-text="Example shows a mobile tab being added in a channel." lightbox="~/assets/images/tabs/mobile-design-static-tab.png" --- # [Meeting](#tab/meeting) @@ -53,7 +53,6 @@ The following images show tabs added to different contexts in Teams: :::image type="content" source="~/assets/images/tabs/mobile-personal-tab-meeting.png" alt-text="Example shows a configurable tab added to a meeting in mobile." lightbox="~/assets/images/tabs/mobile-personal-tab-meeting.png"::: *** - Following are a few benefits of static tabs in chats, channels, and meetings: * **Pinnable and instant**: You can pin apps with static tabs from the add a tab **+** icon in chats, channels, and meetings. These tabs can be unpinned and don't have the mandatory configuration dialog, which allows you to create tabs that function more like apps. @@ -111,7 +110,7 @@ You can use one of the following methods to create tabs: ### Declare custom tab in app manifest -A custom tab is declared in the app manifest of your app package. For each webpage you want included as a tab in your app, you define a URL and a scope. Additionally, you can add the [Teams JavaScript client library](/javascript/api/overview/msteams-client) to your page, and call `microsoftTeams.initialize()` after your page loads. Teams displays your page and provides access to Teams-specific information, for example, the Teams client is running the dark theme. +A custom tab is declared in the app manifest of your app package. For each webpage you want included as a tab in your app, you define a URL and a scope. Additionally, you can add the [Teams JavaScript client library](how-to/using-teams-client-library.md#teams-javascript-client-library) to your page, and call `microsoftTeams.initialize()` after your page loads. Teams displays your page and provides access to Teams-specific information, for example, the Teams client is running the dark theme. Whether you choose to expose your tab within the channel or group, or personal scope, you must present an HTML [content page](~/tabs/how-to/create-tab-pages/content-page.md) in your tab. For static tabs, the content URL is set directly in your Teams [app manifest](../resources/schema/manifest-schema.md#statictabs) by the `contentUrl` property in the `staticTabs` array. Your tab's content is the same for all users. @@ -127,7 +126,7 @@ You can have multiple channels or group tabs, and up to 16 static tabs per app. ### Tools to build tabs * [Teams Toolkit for Visual Studio Code](../toolkit/teams-toolkit-fundamentals.md) -* [Teams Toolkit for Visual Studio](../toolkit/visual-studio-overview.md) +* [Teams Toolkit for Visual Studio](../toolkit/toolkit-v4/teams-toolkit-fundamentals-vs.md) ## Next step From d77830127c7088258ecb43e8f30279f6aa481612 Mon Sep 17 00:00:00 2001 From: njagallo Date: Mon, 23 Dec 2024 17:01:28 +0530 Subject: [PATCH 04/11] TOC update --- msteams-platform/samples/integrate-web-apps-overview.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/msteams-platform/samples/integrate-web-apps-overview.md b/msteams-platform/samples/integrate-web-apps-overview.md index ef2b29cb45e..db33ac4bd23 100644 --- a/msteams-platform/samples/integrate-web-apps-overview.md +++ b/msteams-platform/samples/integrate-web-apps-overview.md @@ -10,7 +10,7 @@ ms.date: 12/15/2022 # Integrate web apps -You can provide an enriched user experience by integrating the features of an existing web application into Microsoft Teams platform. Ensure to follow [Teams design guidelines](~/concepts/design/understand-use-cases.md) to make your app native to Teams. +You can provide an enriched user experience by integrating the features of an existing web application into Microsoft Teams platform. Ensure to follow [Design guidelines](../concepts/design/design-teams-app-overview.md) to make your app native to Teams. This document gives an overview of prerequisites to integrate web applications with Teams, Power platform to create Power apps, Power Virtual Agents, Virtual Assistant, app templates, Shift connectors, Moodle LMS, create a Share-to-Teams button for your website, adding a Teams tab in SharePoint, creating deep links, and integrate device capabilities. ## Prerequisites From 55bf4df4ef2e224952963d9c5520c30276876dd1 Mon Sep 17 00:00:00 2001 From: njagallo Date: Mon, 23 Dec 2024 17:44:21 +0530 Subject: [PATCH 05/11] Toc hyperlinks update --- .../bots/calls-and-meetings/registering-calling-bot.md | 2 +- msteams-platform/tabs/how-to/create-tab-pages/content-page.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/msteams-platform/bots/calls-and-meetings/registering-calling-bot.md b/msteams-platform/bots/calls-and-meetings/registering-calling-bot.md index 647aa929990..1786d1af28e 100644 --- a/msteams-platform/bots/calls-and-meetings/registering-calling-bot.md +++ b/msteams-platform/bots/calls-and-meetings/registering-calling-bot.md @@ -30,7 +30,7 @@ The next section enables you to create a new bot or add calling capabilities to ## Create new bot or add calling capabilities -For information on creating bots, see [create a bot for Teams](../how-to/create-a-bot-for-teams.md). +For information on creating bots, see [create a bot for Teams](../../sbs-gs-bot.yml). To create a new bot for Teams: diff --git a/msteams-platform/tabs/how-to/create-tab-pages/content-page.md b/msteams-platform/tabs/how-to/create-tab-pages/content-page.md index 922cdc0ae98..72b5f3c39e6 100644 --- a/msteams-platform/tabs/how-to/create-tab-pages/content-page.md +++ b/msteams-platform/tabs/how-to/create-tab-pages/content-page.md @@ -14,7 +14,7 @@ Content page is the base level webpage that is rendered within Microsoft Teams c * A channel or group custom tab: The content page is displayed after the user pins and configures the tab in the appropriate context. * A [dialog](~/task-modules-and-cards/what-are-task-modules.md): You can create a content page and embed it as a webview inside a dialog (referred as task module in TeamsJS v1.x). The page is rendered inside the modal pop-up. -If you need to add your tab within a channel or group, or personal scope, present an HTML content page in your tab. For static tabs, the content URL is set directly in your [app manifest](../../../resources/schema/manifest-schema.md#statictabs). +If you need to add your tab within a channel or group, or personal scope, present an HTML content page in your tab. For static tabs, the content URL is set directly in your [app manifest](../../../resources/schema/manifest-schema.md). This article is specific to using content pages as tabs; however, most of the guidance here applies regardless of how the content page is presented to the user. From 9a166a7ee49b4cf6d62682392d8951c5b325fbd8 Mon Sep 17 00:00:00 2001 From: v-preethah Date: Mon, 30 Dec 2024 12:10:00 +0530 Subject: [PATCH 06/11] review fixes --- msteams-platform/concepts/build-and-test/apps-package.md | 2 +- .../appsource/prepare/review-copilot-validation-guidelines.md | 2 +- msteams-platform/samples/integrate-web-apps-overview.md | 2 +- msteams-platform/tabs/what-are-tabs.md | 4 ++-- msteams-platform/toolkit/tools-prerequisites.md | 2 +- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/msteams-platform/concepts/build-and-test/apps-package.md b/msteams-platform/concepts/build-and-test/apps-package.md index 7f3bd8414b0..ef0d949f2c7 100644 --- a/msteams-platform/concepts/build-and-test/apps-package.md +++ b/msteams-platform/concepts/build-and-test/apps-package.md @@ -33,7 +33,7 @@ You can create an app and configure the app manifest through one of the followin * **Teams Toolkit**: A set of tools and extensions in Microsoft Visual Studio Code and Visual Studio to create, debug, and deploy an app. When creating an app, the app manifest generates from a template file based on the selected capabilities. You can then customize in [Visual Studio Code](../../toolkit/TeamsFx-preview-and-customize-app-manifest.md) or [Visual Studio](../../toolkit/toolkit-v4/TeamsFx-preview-and-customize-app-manifest-vs.md) based on your requirements, validate the manifest file, and zip the app package. -* **Teams Developer Portal**: A web-based platform that helps you create your app, configure your app manifest, and generate an app package. To create an app through Developer Portal, see [create and register an app](teams-developer-portal.md). +* **Developer Portal for Teams**: A web-based platform that helps you create your app, configure your app manifest, and generate an app package. To create an app through Developer Portal for Teams, see [create and register an app](teams-developer-portal.md). You can add bot, tab, message extensions, and other capabilities to your app by updating the app manifest with the required app capability. For more information, see [build app with app capabilities](../../get-started/get-started-overview.md#build-your-first-teams-app). diff --git a/msteams-platform/concepts/deploy-and-publish/appsource/prepare/review-copilot-validation-guidelines.md b/msteams-platform/concepts/deploy-and-publish/appsource/prepare/review-copilot-validation-guidelines.md index 4aeb10a2c5e..0025d4b2340 100644 --- a/msteams-platform/concepts/deploy-and-publish/appsource/prepare/review-copilot-validation-guidelines.md +++ b/msteams-platform/concepts/deploy-and-publish/appsource/prepare/review-copilot-validation-guidelines.md @@ -212,7 +212,7 @@ You must implement the following: * If you want to define explicit size in pixels, define it for the width or height. Setting explicit size for any one parameter preserves the image's aspect ratio. * We recommend that you set the width of the image, though some scenarios might allow for exceptions. -For more information to create plugins for teams meetings, see [enable message extension as a plugin for Copilot for meetings](../../../../messaging-extensions/build-bot-based-plugin.md#enable-message-extension-as-a-plugin-for-copilot-for-meetings). +For more information to create plugins for teams meetings, see [enable message extension as a plugin for Copilot for meetings](../../../../messaging-extensions/build-bot-based-agent.md#enable-message-extension-as-a-plugin-for-copilot-for-meetings). [Back to top](#validation-guidelines-for-agents) diff --git a/msteams-platform/samples/integrate-web-apps-overview.md b/msteams-platform/samples/integrate-web-apps-overview.md index db33ac4bd23..3bf64009e1e 100644 --- a/msteams-platform/samples/integrate-web-apps-overview.md +++ b/msteams-platform/samples/integrate-web-apps-overview.md @@ -10,7 +10,7 @@ ms.date: 12/15/2022 # Integrate web apps -You can provide an enriched user experience by integrating the features of an existing web application into Microsoft Teams platform. Ensure to follow [Design guidelines](../concepts/design/design-teams-app-overview.md) to make your app native to Teams. +You can provide an enriched user experience by integrating the features of an existing web application into Microsoft Teams platform. Ensure to follow [Teams design guidelines](../concepts/design/design-teams-app-overview.md) to make your app native to Teams. This document gives an overview of prerequisites to integrate web applications with Teams, Power platform to create Power apps, Power Virtual Agents, Virtual Assistant, app templates, Shift connectors, Moodle LMS, create a Share-to-Teams button for your website, adding a Teams tab in SharePoint, creating deep links, and integrate device capabilities. ## Prerequisites diff --git a/msteams-platform/tabs/what-are-tabs.md b/msteams-platform/tabs/what-are-tabs.md index ae8930e637a..e75991d34d3 100644 --- a/msteams-platform/tabs/what-are-tabs.md +++ b/msteams-platform/tabs/what-are-tabs.md @@ -106,11 +106,11 @@ The tab features are as follows: You can use one of the following methods to create tabs: * [Declare custom tab in app manifest](#declare-custom-tab-in-app-manifest) -* [Use Adaptive Card to build tabs](~/tabs/how-to/build-adaptive-card-tabs.md) +* [Use Adaptive Card to build tabs](../sbs-tab-with-adaptive-cards.yml) ### Declare custom tab in app manifest -A custom tab is declared in the app manifest of your app package. For each webpage you want included as a tab in your app, you define a URL and a scope. Additionally, you can add the [Teams JavaScript client library](how-to/using-teams-client-library.md#teams-javascript-client-library) to your page, and call `microsoftTeams.initialize()` after your page loads. Teams displays your page and provides access to Teams-specific information, for example, the Teams client is running the dark theme. +A custom tab is declared in the app manifest of your app package. For each webpage you want included as a tab in your app, you define a URL and a scope. Additionally, you can add the [Teams JavaScript client library](/javascript/api/overview/msteams-client?view=msteams-client-js-latest&tabs=npm) to your page, and call `microsoftTeams.initialize()` after your page loads. Teams displays your page and provides access to Teams-specific information, for example, the Teams client is running the dark theme. Whether you choose to expose your tab within the channel or group, or personal scope, you must present an HTML [content page](~/tabs/how-to/create-tab-pages/content-page.md) in your tab. For static tabs, the content URL is set directly in your Teams [app manifest](../resources/schema/manifest-schema.md#statictabs) by the `contentUrl` property in the `staticTabs` array. Your tab's content is the same for all users. diff --git a/msteams-platform/toolkit/tools-prerequisites.md b/msteams-platform/toolkit/tools-prerequisites.md index d7ee38ef4fb..bd039c647d6 100644 --- a/msteams-platform/toolkit/tools-prerequisites.md +++ b/msteams-platform/toolkit/tools-prerequisites.md @@ -194,7 +194,7 @@ If you have admin rights, you can enable custom app upload: 5. Select **Save**. > [!Note] - > It can take up to 24 hours for custom app upload to become active. In the meantime, you can use **upload for your tenant** to test your app. To upload the .zip package file of the app, see [upload custom apps](/microsoftteams/teams-app-setup-policies). + > It can take up to 24 hours for custom app upload to become active. In the meantime, you can use **upload for your tenant** to test your app. To upload the .zip package file of the app, see [upload custom apps](/microsoftteams/teams-custom-app-policies-and-settings). Ensure that you have the app upload permission using the steps mentioned in [verify custom app upload permission using Visual Studio Code or Teams client](#verify-custom-app-upload-permission). From 33f0cd5fb8215f656fce15214d3ea059a7c3615f Mon Sep 17 00:00:00 2001 From: njagallo Date: Mon, 30 Dec 2024 19:19:49 +0530 Subject: [PATCH 07/11] Hyperlink updates --- msteams-platform/tabs/what-are-tabs.md | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/msteams-platform/tabs/what-are-tabs.md b/msteams-platform/tabs/what-are-tabs.md index e75991d34d3..af57192e748 100644 --- a/msteams-platform/tabs/what-are-tabs.md +++ b/msteams-platform/tabs/what-are-tabs.md @@ -28,7 +28,7 @@ The following images show tabs added to different contexts in Teams: **Teams mobile** -:::image type="content" source="~/assets/images/tabs/mobile-design-access-tab.png" alt-text="Example shows a mobile tab being added in a personal context." lightbox="~/assets/images/tabs/mobile-design-access-tab.png" +:::image type="content" source="~/assets/images/tabs/mobile-design-access-tab.png" alt-text="Example shows a mobile tab being added in a personal context." lightbox="~/assets/images/tabs/mobile-design-access-tab.png"::: --- # [Channel](#tab/channel) @@ -39,7 +39,7 @@ The following images show tabs added to different contexts in Teams: **Teams mobile** -:::image type="content" source="~/assets/images/tabs/mobile-design-static-tab.png" alt-text="Example shows a mobile tab being added in a channel." lightbox="~/assets/images/tabs/mobile-design-static-tab.png" +:::image type="content" source="~/assets/images/tabs/mobile-design-static-tab.png" alt-text="Example shows a mobile tab being added in a channel." lightbox="~/assets/images/tabs/mobile-design-static-tab.png"::: --- # [Meeting](#tab/meeting) @@ -53,6 +53,7 @@ The following images show tabs added to different contexts in Teams: :::image type="content" source="~/assets/images/tabs/mobile-personal-tab-meeting.png" alt-text="Example shows a configurable tab added to a meeting in mobile." lightbox="~/assets/images/tabs/mobile-personal-tab-meeting.png"::: *** +- Following are a few benefits of static tabs in chats, channels, and meetings: * **Pinnable and instant**: You can pin apps with static tabs from the add a tab **+** icon in chats, channels, and meetings. These tabs can be unpinned and don't have the mandatory configuration dialog, which allows you to create tabs that function more like apps. @@ -106,11 +107,11 @@ The tab features are as follows: You can use one of the following methods to create tabs: * [Declare custom tab in app manifest](#declare-custom-tab-in-app-manifest) -* [Use Adaptive Card to build tabs](../sbs-tab-with-adaptive-cards.yml) +* [Use Adaptive Card to build tabs](~/tabs/how-to/build-adaptive-card-tabs.md) ### Declare custom tab in app manifest -A custom tab is declared in the app manifest of your app package. For each webpage you want included as a tab in your app, you define a URL and a scope. Additionally, you can add the [Teams JavaScript client library](/javascript/api/overview/msteams-client?view=msteams-client-js-latest&tabs=npm) to your page, and call `microsoftTeams.initialize()` after your page loads. Teams displays your page and provides access to Teams-specific information, for example, the Teams client is running the dark theme. +A custom tab is declared in the app manifest of your app package. For each webpage you want included as a tab in your app, you define a URL and a scope. Additionally, you can add the [Teams JavaScript client library](/javascript/api/overview/msteams-client) to your page, and call `microsoftTeams.initialize()` after your page loads. Teams displays your page and provides access to Teams-specific information, for example, the Teams client is running the dark theme. Whether you choose to expose your tab within the channel or group, or personal scope, you must present an HTML [content page](~/tabs/how-to/create-tab-pages/content-page.md) in your tab. For static tabs, the content URL is set directly in your Teams [app manifest](../resources/schema/manifest-schema.md#statictabs) by the `contentUrl` property in the `staticTabs` array. Your tab's content is the same for all users. From 5f33b3b897399c5ad7a144a38092164d178268fd Mon Sep 17 00:00:00 2001 From: v-preethah Date: Mon, 30 Dec 2024 20:42:19 +0530 Subject: [PATCH 08/11] review fixes --- msteams-platform/tabs/how-to/create-tab-pages/content-page.md | 2 +- msteams-platform/tabs/what-are-tabs.md | 3 +-- msteams-platform/toolkit/tools-prerequisites.md | 2 +- 3 files changed, 3 insertions(+), 4 deletions(-) diff --git a/msteams-platform/tabs/how-to/create-tab-pages/content-page.md b/msteams-platform/tabs/how-to/create-tab-pages/content-page.md index 72b5f3c39e6..922cdc0ae98 100644 --- a/msteams-platform/tabs/how-to/create-tab-pages/content-page.md +++ b/msteams-platform/tabs/how-to/create-tab-pages/content-page.md @@ -14,7 +14,7 @@ Content page is the base level webpage that is rendered within Microsoft Teams c * A channel or group custom tab: The content page is displayed after the user pins and configures the tab in the appropriate context. * A [dialog](~/task-modules-and-cards/what-are-task-modules.md): You can create a content page and embed it as a webview inside a dialog (referred as task module in TeamsJS v1.x). The page is rendered inside the modal pop-up. -If you need to add your tab within a channel or group, or personal scope, present an HTML content page in your tab. For static tabs, the content URL is set directly in your [app manifest](../../../resources/schema/manifest-schema.md). +If you need to add your tab within a channel or group, or personal scope, present an HTML content page in your tab. For static tabs, the content URL is set directly in your [app manifest](../../../resources/schema/manifest-schema.md#statictabs). This article is specific to using content pages as tabs; however, most of the guidance here applies regardless of how the content page is presented to the user. diff --git a/msteams-platform/tabs/what-are-tabs.md b/msteams-platform/tabs/what-are-tabs.md index af57192e748..475bb43f6e5 100644 --- a/msteams-platform/tabs/what-are-tabs.md +++ b/msteams-platform/tabs/what-are-tabs.md @@ -51,9 +51,8 @@ The following images show tabs added to different contexts in Teams: **Teams mobile** :::image type="content" source="~/assets/images/tabs/mobile-personal-tab-meeting.png" alt-text="Example shows a configurable tab added to a meeting in mobile." lightbox="~/assets/images/tabs/mobile-personal-tab-meeting.png"::: -*** +--- -- Following are a few benefits of static tabs in chats, channels, and meetings: * **Pinnable and instant**: You can pin apps with static tabs from the add a tab **+** icon in chats, channels, and meetings. These tabs can be unpinned and don't have the mandatory configuration dialog, which allows you to create tabs that function more like apps. diff --git a/msteams-platform/toolkit/tools-prerequisites.md b/msteams-platform/toolkit/tools-prerequisites.md index bd039c647d6..22e983a8200 100644 --- a/msteams-platform/toolkit/tools-prerequisites.md +++ b/msteams-platform/toolkit/tools-prerequisites.md @@ -51,7 +51,7 @@ Ensure that you have the following accounts before you start building your Teams If you have a Visual Studio Enterprise or Professional subscription, both programs include a free Microsoft 365 [developer subscription](https://aka.ms/MyVisualStudioBenefits). It's active as long as your Visual Studio subscription is active. For more information, see [Microsoft 365 developer subscription](https://developer.microsoft.com/microsoft-365/dev-program). -If you don't have any Microsoft 365 tenant, you might qualify for a Microsoft 365 E5 developer subscription through the [Microsoft 365 Developer Program](https://aka.ms/m365devprogram); for details, see the [FAQ](/office/developer-program/microsoft-365-developer-program-faq#who-qualifies-for-a-microsoft-365-e5-developer-subscription-). Alternatively, you can sign up for a [1-month free trial](https://www.microsoft.com/microsoft-365/try) or [purchase a Microsoft 365 plan](https://www.microsoft.com/microsoft-365/business/compare-all-microsoft-365-business-products-g). +If you don't have any Microsoft 365 tenant, you might qualify for a Microsoft 365 E5 developer subscription through the [Microsoft 365 Developer Program](https://aka.ms/m365devprogram); for details, see the [FAQ](/office/developer-program/microsoft-365-developer-program-faq#who-qualifies-for-a-microsoft-365-e5-developer-subscription-). Alternatively, you can sign up for a [1-month free trial](https://www.microsoft.com/microsoft-365/try) or [purchase a Microsoft 365 plan](https://www.microsoft.com/en-us/microsoft-365/business/compare-all-microsoft-365-business-products). You can sign up for the developer program using one of the following account types: From 5df01a84ccc32d4525c850a1a196e1fa0365ca09 Mon Sep 17 00:00:00 2001 From: v-preethah Date: Mon, 30 Dec 2024 20:46:06 +0530 Subject: [PATCH 09/11] minor fix --- msteams-platform/toolkit/tools-prerequisites.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/msteams-platform/toolkit/tools-prerequisites.md b/msteams-platform/toolkit/tools-prerequisites.md index 22e983a8200..502c75a039a 100644 --- a/msteams-platform/toolkit/tools-prerequisites.md +++ b/msteams-platform/toolkit/tools-prerequisites.md @@ -51,7 +51,7 @@ Ensure that you have the following accounts before you start building your Teams If you have a Visual Studio Enterprise or Professional subscription, both programs include a free Microsoft 365 [developer subscription](https://aka.ms/MyVisualStudioBenefits). It's active as long as your Visual Studio subscription is active. For more information, see [Microsoft 365 developer subscription](https://developer.microsoft.com/microsoft-365/dev-program). -If you don't have any Microsoft 365 tenant, you might qualify for a Microsoft 365 E5 developer subscription through the [Microsoft 365 Developer Program](https://aka.ms/m365devprogram); for details, see the [FAQ](/office/developer-program/microsoft-365-developer-program-faq#who-qualifies-for-a-microsoft-365-e5-developer-subscription-). Alternatively, you can sign up for a [1-month free trial](https://www.microsoft.com/microsoft-365/try) or [purchase a Microsoft 365 plan](https://www.microsoft.com/en-us/microsoft-365/business/compare-all-microsoft-365-business-products). +If you don't have any Microsoft 365 tenant, you might qualify for a Microsoft 365 E5 developer subscription through the [Microsoft 365 Developer Program](https://aka.ms/m365devprogram); for details, see the [FAQ](/office/developer-program/microsoft-365-developer-program-faq#who-qualifies-for-a-microsoft-365-e5-developer-subscription-). Alternatively, you can sign up for a [1-month free trial](https://www.microsoft.com/microsoft-365/try) or [purchase a Microsoft 365 plan](https://www.microsoft.com/microsoft-365/business/compare-all-microsoft-365-business-products). You can sign up for the developer program using one of the following account types: From 6676e90a61c3b0995669897fadebc9ab5b85fdcf Mon Sep 17 00:00:00 2001 From: v-preethah Date: Mon, 30 Dec 2024 20:59:24 +0530 Subject: [PATCH 10/11] review fixes --- msteams-platform/concepts/build-and-test/deep-links.md | 2 +- msteams-platform/tabs/what-are-tabs.md | 3 --- 2 files changed, 1 insertion(+), 4 deletions(-) diff --git a/msteams-platform/concepts/build-and-test/deep-links.md b/msteams-platform/concepts/build-and-test/deep-links.md index 9b5e87b8763..cb30a513737 100644 --- a/msteams-platform/concepts/build-and-test/deep-links.md +++ b/msteams-platform/concepts/build-and-test/deep-links.md @@ -31,7 +31,7 @@ You can use deep links in Teams in the following ways: :::image type="content" source="~/assets/images/deeplink-chat.gif" alt-text="Graphical representation shows the user experience of deep links in chat."::: -* **Deep link to teams and channels**: Use a deep link to navigate to a particular team or channel. For more information, see [deep link to a channel](deep-link-teams.md#deep-link-to-navigate-to-channel) +* **Deep link to teams and channels**: Use a deep link to navigate to a particular team or channel. For more information, see [deep link to a channel](deep-link-teams.md#deep-link-to-navigate-to-channel). :::image type="content" source="~/assets/images/deeplink-teams-and-channels.gif" alt-text="Graphical representation that shows the user experience of deep links in group chat."::: diff --git a/msteams-platform/tabs/what-are-tabs.md b/msteams-platform/tabs/what-are-tabs.md index 475bb43f6e5..7042ddb25d7 100644 --- a/msteams-platform/tabs/what-are-tabs.md +++ b/msteams-platform/tabs/what-are-tabs.md @@ -136,10 +136,7 @@ You can have multiple channels or group tabs, and up to 16 static tabs per app. ## See also * [Design your tab for Microsoft Teams](design/tabs.md) -* [Device capabilities](../concepts/device-capabilities/device-capabilities-overview.md) * [Tabs on mobile](design/tabs-mobile.md#tabs-on-mobile) -* [App capabilities mapped to features](../concepts/design/map-use-cases.md#app-capabilities-mapped-to-features) -* [Instrumenting for Teams app specific analytics](../concepts/design/overview-analytics.md#instrumenting-for-teams-app-specific-analytics) * [Extend tab app with Microsoft Graph permissions and scopes](how-to/authentication/tab-sso-graph-api.md) * [Microsoft Teams update](../resources/teams-updates.md) * [Grant tab device permission in Teams](~/sbs-tab-device-permissions.yml) From 1d586b8fee46dfdd15bdd70dbe3b7600750b9ecb Mon Sep 17 00:00:00 2001 From: njagallo Date: Thu, 2 Jan 2025 14:53:32 +0530 Subject: [PATCH 11/11] Hyperlinks updated --- .../bots/calls-and-meetings/registering-calling-bot.md | 2 -- msteams-platform/samples/integrate-web-apps-overview.md | 3 +-- 2 files changed, 1 insertion(+), 4 deletions(-) diff --git a/msteams-platform/bots/calls-and-meetings/registering-calling-bot.md b/msteams-platform/bots/calls-and-meetings/registering-calling-bot.md index 1786d1af28e..a8e27bfee3f 100644 --- a/msteams-platform/bots/calls-and-meetings/registering-calling-bot.md +++ b/msteams-platform/bots/calls-and-meetings/registering-calling-bot.md @@ -30,8 +30,6 @@ The next section enables you to create a new bot or add calling capabilities to ## Create new bot or add calling capabilities -For information on creating bots, see [create a bot for Teams](../../sbs-gs-bot.yml). - To create a new bot for Teams: 1. Use this link to create a new bot, `https://dev.botframework.com/bots/new`. Alternately, if you select the **Create a bot** button in the Bot Framework portal, you create your bot in Microsoft Azure, for which you must have an Azure account. diff --git a/msteams-platform/samples/integrate-web-apps-overview.md b/msteams-platform/samples/integrate-web-apps-overview.md index 3bf64009e1e..7f8e5dfee53 100644 --- a/msteams-platform/samples/integrate-web-apps-overview.md +++ b/msteams-platform/samples/integrate-web-apps-overview.md @@ -10,8 +10,7 @@ ms.date: 12/15/2022 # Integrate web apps -You can provide an enriched user experience by integrating the features of an existing web application into Microsoft Teams platform. Ensure to follow [Teams design guidelines](../concepts/design/design-teams-app-overview.md) to make your app native to Teams. -This document gives an overview of prerequisites to integrate web applications with Teams, Power platform to create Power apps, Power Virtual Agents, Virtual Assistant, app templates, Shift connectors, Moodle LMS, create a Share-to-Teams button for your website, adding a Teams tab in SharePoint, creating deep links, and integrate device capabilities. +You can provide an enriched user experience by integrating the features of an existing web application into Microsoft Teams platform. This document gives an overview of prerequisites to integrate web applications with Teams, Power platform to create Power apps, Power Virtual Agents, Virtual Assistant, app templates, Shift connectors, Moodle LMS, create a Share-to-Teams button for your website, adding a Teams tab in SharePoint, creating deep links, and integrate device capabilities. Ensure that you follow the [Teams design guidelines](../concepts/design/design-teams-app-overview.md) to make your app native to Teams. ## Prerequisites