Skip to main content

Embedding PowerApps in Office and Beyond

Headshot of article author Evan Chaki

You now have more options for deploying your canvas apps into Office and other applications. You can embed apps, so your end users can easily find and interact with them. SharePoint webparts now supports PowerApps and you can set custom sizes of your apps for an even more customized experience across all embedding scenarios.

 

SharePoint Web Part Embedding

The SharePoint Online team made embedding PowerApps easier to do. When you edit or create a page and click on the + icon you will find Microsoft PowerApps in the list of embeddable items.

clip_image001

 

Next the PowerApps area will appear, click on Add an app

clip_image003

 

Then you can copy the web link or ID of your app into the panel on the right.

clip_image004

To find the web link or ID go to https://web.powerapps.com , find your app and click on details, then you can find the web link or ID to paste into your SharePoint Online page.

 

Custom Sizes in a tablet canvas app

We heard from you that you want to control the size of your apps. If you created an app to use on a 4K TV to show real-time operations data, you can now set the size of your app to 3840 x 2160. When you apply that resolution, it will also change the canvas size of your app for authoring.

To try out this feature:

1. Open or create a tablet size app

2. Go to File

3. App Settings

4. Screen size + orientation

5. Select custom, change the size

6. Click Apply

clip_image006

 

Embedding an App

There are times when you want to embed your app into a variety of applications that your users to consume. For example, if the billing department uses Microsoft Teams and their app is set to portrait, as that is how they have their monitors setup. You can enable the embedding experience which will top left align your app and set the background to white.

To try out this feature:

1. Open or create an app

2. Go to File

3. App Settings

4. Features

5. Enable app embedding user experience (turn on)

clip_image008

 

Now when your app runs in Microsoft Teams your app will top left align.

clip_image010

 

Tips

  • If you make a small app for embedding into a certain system, it will look very large in the web player
  • When changing the size of your canvas the controls might move around
  • Embedding PowerApps into your internal applications will only work for your internal users 

 

 

Let us know what you think and how you might use these new features.