Embed PowerApps With Stunning
Design Foundation

• 

  Tenant ID

  Specify the tenant ID of the PowerApps if you would like to embed it from a different tenant.

• 

  Multimedia Options

  Enable geolocation, camera or microphone in case your PowerApps application uses this parameters.

• 

  Custom Parameters

  Pass dynamic values from your site to your PowerApps application.

How it works
Simple steps to embed Power Apps to SharePoint

• Step 1:
  Copy App ID

  Open your Power Apps and find the app you want to show. Open app details and copy the App ID.
  

• 

• 

• Step 2:
  Open Page Builder

  Open Page Builder by clicking on the Insert Button. Search for the PowerApps design element
  

• Step 3:
  Paste Power App ID

  Provide PowerApps ID, set options you need and click “Insert” button. That’s it!

• 

• 

• Step 4:
  Publish Page

  Publish your page to check how your PowerApps element looks on the page.

• Tenant ID

  Specify the tenant ID of the PowerApps if you would like to embed it from a different tenant. To find out more about embedding PowerApps from different tenants and guest access, click here.

• 

• 

• Geolocation, Camera and Microphone Parameters

  Enable geolocation, camera or microphone in case your PowerApps application uses this parameters.

• Send Custom Parameters

  Using simple JavaScript code, you can pass dynamic values from your site to your PowerApps application such as logged in User ID, Current site URL or logged in user’s department. For more info, click here.

• 

• 

• PowerApps Orientation

  Choose between Portrait, Landscape or Custom Size orientations. If you select a custom size, make sure you respect the aspect ratio of your PowerApps application. To find out more about custom sizes and PowerApps orientation, click here.

• Loading Screen Color

  Select color for loading screen that will be displayed first followed by the Icon and your PowerApps application. It is recommended to use the same loading screen color as your PowerApps Icon background. Keep this field blank to use the same color as your PowerApps Icon background.

•