Skip to content

Commit 2376c1f

Browse files
authored
Merge pull request MicrosoftDocs#1663 from MicrosoftDocs/master
Publish: moved graphics for embed-teams-app
2 parents 222b8bc + ea8c8d5 commit 2376c1f

20 files changed

+20
-22
lines changed

powerapps-docs/maker/canvas-apps/embed-teams-app.md

Lines changed: 20 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -35,55 +35,55 @@ Find and make note of your PowerApp's GUID to use in a later step.
3535
1. Sign in to [https://web.powerapps.com](https://web.powerapps.com), and then select **Apps** in the menu.
3636

3737
> [!div class="mx-imgBorder"]
38-
> ![Show list of apps](./media/share-app/file-apps2.png "Show list of apps")
38+
> ![Show list of apps](./media/embed-teams-app/file-apps2.png "Show list of apps")
3939
4040
2. Select **More Commands** (...) for the app you want to share in Teams, and then select **Details**.
4141

4242
> [!div class="mx-imgBorder"]
43-
> ![App details](./media/share-app/app-details.png "App details")
43+
> ![App details](./media/embed-teams-app/app-details.png "App details")
4444
4545
3. Record the **App ID** for later use.
4646

4747
> [!div class="mx-imgBorder"]
48-
> ![App details](./media/share-app/app-details2.png "App details")
48+
> ![App details](./media/embed-teams-app/app-details2.png "App details")
4949
5050
## Install App Studio
5151

5252
You can skip these steps if App Studio is already installed.
5353

54-
1. In Teams, select **Apps** in the lower-left of the Teams menu (![Apps icon](./media/share-app/apps-icon.png "Apps icon")).
54+
1. In Teams, select **Apps** in the lower-left of the Teams menu (![Apps icon](./media/embed-teams-app/apps-icon.png "Apps icon")).
5555

5656
2. Search for "App Studio" in the search box and then select it.
5757

5858
> [!div class="mx-imgBorder"]
59-
> ![App Studio](./media/share-app/store-app-studio.png "App Studio")
59+
> ![App Studio](./media/embed-teams-app/store-app-studio.png "App Studio")
6060
6161
3. Select **Install**.
6262

6363
> [!div class="mx-imgBorder"]
64-
> ![Install App Studio](./media/share-app/install-app-studio.png "Install App Studio")
64+
> ![Install App Studio](./media/embed-teams-app/install-app-studio.png "Install App Studio")
6565
6666
4. Select **Open** for the App feature.
6767

6868
> [!div class="mx-imgBorder"]
69-
> ![Open App Studio](./media/share-app/open-app-studio.png "Open App Studio")
69+
> ![Open App Studio](./media/embed-teams-app/open-app-studio.png "Open App Studio")
7070
7171
## Create a Teams app for your PowerApp
7272

7373
1. In Teams, open App Studio.
7474

7575
> [!div class="mx-imgBorder"]
76-
> ![Open App Studio](./media/share-app/open-app-studio2.png "Open App Studio")
76+
> ![Open App Studio](./media/embed-teams-app/open-app-studio2.png "Open App Studio")
7777
7878
2. Select the **Manifest editor** tab, and then select **Create a new app** under Welcome.
7979

8080
> [!div class="mx-imgBorder"]
81-
> ![Create new app](./media/share-app/create-new-app.png "Create new app")
81+
> ![Create new app](./media/embed-teams-app/create-new-app.png "Create new app")
8282
8383
3. Fill in information about your app in the **App Details** page. For the App ID GUID, you should use your PowerApp's App ID GUID you recorded above. This will avoid duplication of Teams apps for a particular PowerApp.
8484

8585
> [!div class="mx-imgBorder"]
86-
> ![Fill in information](./media/share-app/fill-in-info-about-app.png "Fill in information")
86+
> ![Fill in information](./media/embed-teams-app/fill-in-info-about-app.png "Fill in information")
8787
8888
|Fields |Description |
8989
|---------|---------|
@@ -113,14 +113,14 @@ For more information, see [Manifest Editor](https://docs.microsoft.com/microsoft
113113
4. Scroll down to the Branding section and add your logos and the accent color desired for your app. These are the logos that will appear for your app in Teams.
114114

115115
> [!div class="mx-imgBorder"]
116-
> ![Branding and Tabs](./media/share-app/branding-tabs.png "Branding and Tabs")
116+
> ![Branding and Tabs](./media/embed-teams-app/branding-tabs.png "Branding and Tabs")
117117
118118
5. Under **Capabilities**, select **Tabs**.
119119

120120
6. Under **Team tab** select **Add**.
121121

122122
> [!div class="mx-imgBorder"]
123-
> ![Team tab Add](./media/share-app/team-tab-add.png "Team tab Add")
123+
> ![Team tab Add](./media/embed-teams-app/team-tab-add.png "Team tab Add")
124124
125125
7. Add your app's configuration URL in the "Configuration URL" input field, using the following format: `https://web.powerapps.com/webplayer/teamsapptabsettings?appid=<PowerApp ID>`
126126

@@ -129,27 +129,27 @@ For more information, see [Manifest Editor](https://docs.microsoft.com/microsoft
129129
Select the [scope](https://docs.microsoft.com/microsoftteams/platform/concepts/tabs/tabs-overview#tab-scope) for your app to appear in. Ensure **Can update configuration** is checked, and then select **Save**.
130130

131131
> [!div class="mx-imgBorder"]
132-
> ![Configuration URL](./media/share-app/configuration-url.png "Configuration URL")
132+
> ![Configuration URL](./media/embed-teams-app/configuration-url.png "Configuration URL")
133133
134134
8. Under **Finish**, select **Valid domains**. Add **apps.powerapps.com** and **apps.preview.powerapps.com** as valid domains for the Teams application.
135135

136136
> [!div class="mx-imgBorder"]
137-
> ![Add valid domains](./media/share-app/add-valid-domains.png "Add valid domains")
137+
> ![Add valid domains](./media/embed-teams-app/add-valid-domains.png "Add valid domains")
138138
139139
9. Under **Finish**, select **Test and distribute**. Under **Install**, select **Install**.
140140

141141
> [!div class="mx-imgBorder"]
142-
> ![Select Install](./media/share-app/test-distribute-app.png "Select Install")
142+
> ![Select Install](./media/embed-teams-app/test-distribute-app.png "Select Install")
143143
144144
10. Select the team you want the app installed in, and then select **Install**.
145145

146146
> [!div class="mx-imgBorder"]
147-
> ![Add to team Install](./media/share-app/new-app-add-to-team.png "Add to team Install")
147+
> ![Add to team Install](./media/embed-teams-app/new-app-add-to-team.png "Add to team Install")
148148
149149
11. If you want to add an instance of that app to a channel right away, select the channel you wish to use the app in and select **Set up**.
150150

151151
> [!div class="mx-imgBorder"]
152-
> ![Select Set up](./media/share-app/app-now-available.png "Select Set up")
152+
> ![Select Set up](./media/embed-teams-app/app-now-available.png "Select Set up")
153153
154154
12. Select **Save**.
155155

@@ -158,15 +158,13 @@ For more information, see [Manifest Editor](https://docs.microsoft.com/microsoft
158158
To add the app as a tab to any channel or conversation, select **+**, and then under **Tabs for your team** select your app.
159159

160160
> [!div class="mx-imgBorder"]
161-
> ![Add app as tab](./media/share-app/add-app-as-tab.png "Add app as tab")
161+
> ![Add app as tab](./media/embed-teams-app/add-app-as-tab.png "Add app as tab")
162162
163163
The app now appears as a tab.
164164

165165
> [!div class="mx-imgBorder"]
166-
> ![App as tab](./media/share-app/app-as-tab.png "App as tab")
167-
168-
166+
> ![App as tab](./media/embed-teams-app/app-as-tab.png "App as tab")
169167
170168
### See also
171169
[Welcome to Microsoft Teams](https://docs.microsoft.com/MicrosoftTeams/teams-overview)<br />
172-
[For admins: Embed an app in Microsoft Teams](https://docs.microsoft.com/power-platform/admin/share-app-teams)
170+
[For admins: Embed an app in Microsoft Teams](https://docs.microsoft.com/power-platform/admin/share-app-teams)

0 commit comments

Comments
 (0)