Skip to content

Commit cba93c4

Browse files
Merge pull request SharePoint#6871 from andrewconnell/docfix-issue6866
Change link to MSTeams deployment options
2 parents 791a549 + 3798a86 commit cba93c4

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

docs/spfx/web-parts/get-started/using-web-part-as-ms-teams-tab.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Build Microsoft Teams tab using SharePoint Framework - Tutorial
33
description: Tutorial on how to build Microsoft Teams tabs using SharePoint Framework. Capability was released to general availability in SharePoint Framework v1.8.
4-
ms.date: 08/19/2020
4+
ms.date: 03/30/2021
55
ms.prod: sharepoint
66
localization_priority: Priority
77
---
@@ -191,45 +191,45 @@ At this point, the web part is deployed and is automatically available cross the
191191
To make your web part available in Microsoft Teams, you'll have synchronize your solution with teams.
192192

193193
> [!NOTE]
194-
> In this tutorial, we're using the automatic deployment option for the solution from the SharePoint app catalog. You can also perform these steps manually, if you want to provide alternative settings for your solutions. For more information, see: [Create Microsoft Teams manifest manually for a web part and deploy it to Microsoft Teams](../guidance/creating-team-manifest-manually-for-webpart.md).
194+
> In this tutorial, we're using the automatic deployment option for the solution from the SharePoint app catalog. For more information, see: [Deployment options for SharePoint Framework solutions for Microsoft Teams](../../deployment-spfx-teams-solutions.md).
195195

196196
1. Select the **teams-tab-client-side-solution** package in the SharePoint tenant App Catalog and select the **Sync to Teams** button at in the ribbon in the **Files** tab.
197197

198198
![Sync to Teams button in ribbon](../../../images/sp-teams-sync-to-teams-button.png)
199199

200200
1. Confirm that you can see the status message on the top-right corner.
201201

202-
![Sync to Teams button in ribbon](../../../images/teams-successfully-synced.png)
202+
![Sync to Teams status message](../../../images/teams-successfully-synced.png)
203203

204204
> [!IMPORTANT]
205205
> If the synchronization isn't successful, please ensure that you have deleted possible previous version from the Microsoft Team App Catalog. This is the most common reason why the synchronization would fail as existing solution is not overridden currently.
206206

207207
1. Move to the Microsoft Teams side and check the App Catalog status by selecting **Apps** from the left navigation
208208

209-
![Channel activated](../../../images/sp-teams-apps-in-teams.png)
209+
![Apps menu in the Teams left-rail](../../../images/sp-teams-apps-in-teams.png)
210210

211211
1. Wait until your tenant-specific apps selection is visible:
212212

213-
![Channel activated](../../../images/sp-teams-apps-for-tenant.png)
213+
![Select the tenant/organization name](../../../images/sp-teams-apps-for-tenant.png)
214214

215215
> [!NOTE]
216216
> This can take few minutes based due to caching.
217217

218218
1. Confirm that you can see **MyFirstTeamsTab** app in the catalog:
219219

220-
![Channel activated](../../../images/sp-teams-my-first-in-catalog.png)
220+
![Custom SPFx Microsoft Teams app displayed as an option](../../../images/sp-teams-my-first-in-catalog.png)
221221

222222
> [!NOTE]
223223
> This can take few minutes based due to caching.
224224

225225
1. Move to a channel in a team where you want to test the solution. In the below picture, we have activated **General** channel in **Team**:
226226

227-
![Channel activated](../../../images/sp-teams-channel-activated.png)
227+
![Selecting the General channel in the Microsoft Teams team](../../../images/sp-teams-channel-activated.png)
228228

229229
1. Select **+** to add a new tab on the channel.
230230
1. Select your custom tab called **MyFirstTeamTab** in the list. You can use the search capability if needed to find your custom tab:
231231

232-
![Add a tab](../../../images/sp-teams-add-a-tab.png)
232+
![Search for the custom tab](../../../images/sp-teams-add-a-tab.png)
233233

234234
1. Select **Add** to confirm the tab to be selected.
235235
1. Select **Save** to confirm the tab to be installed on the channel:

0 commit comments

Comments
 (0)