Display a SharePoint Power Apps form in SharePoint page

It's possible to display a SharePoint Form customized using Power Apps into a SharePoint page.

Form displayed from SharePoint page


Why should do that?

  • Gather information from a form and store it into a SharePoint list.
  • You can start from a data model. Based on fields used in your list, Power Apps will provide controls that work with your data types.  
  • It does more than Microsoft Forms by providing: defaulted values, validation, conditional display, get data form other resources etc.. 
  • It provides a User Interface that can be quickly customized.
  • It's more secure because it's based on your SharePoint list access. 

Set Power Apps Application

First, customize your SharePoint form as you want. Once it's done get the app Id. To get the App Id, go to Settings then Support then session details. Finally copy and save the App ID value.


Set your form default mode to New.

Insert into SharePoint Page

Edit the page that must content your SharePoint form. Add PowerApps web part to it. Set the App web link like below.

https://web.powerapps.com/apps/your-App-Id?yourParamName=yourParamValue.



You might optionally use params to pass values and information to your app. Example to display a submit button when the form is shown from a page or hide this button when shown from SharePoint list.

Set button visible if IsInform params exists (IsInForm must have a value)


Submit button is hidden so people must use the default save button

That's all

Comments

Post a Comment

Popular posts from this blog

How to give app access on a specific SharePoint site using Azure AD API permission

Image
Sometime, you want to give third party applications access to a specific SharePoint online site collection using Microsoft Graph API or SharePoint API.  You can achieve this in two steps : Set up API Permission from App registration Grant app access to the specified site collection Set up API Permissions In azure AD, select your app registration. Then go to API permissions, click on add a permission. Add API Access Select Microsoft Graph or SharePoint, then application permissions. Pick Sites.Selected permissions, select it then click on Add permissions. Choosing selected sites permissions Now your permissions are selected you must grant admin consent. At this point, you have given to your app selected site collections permissions but you did not define what permission level to use nor what site collection can be access by your app. Grant App access to your site collection You will need pnp management shell to do this, your App Id, and the url of the site collection that will be acce
Read more

Ensure SharePoint User with Power Automate

Image
 I had to set custom permission and grant access to some users based on their email address. All those users were member of the organization so they exist in our Azure Active directory (AAD). B ut, to set this permission, user must exist in the SharePoint information list too. So I used a function named:  EnsureUser . As its name suggests, this function ensures there is a record of the current user in the user information list in the current Site collection. To call this function with Power Automate, I used the Send HTTP request SharePoint Connector like below. Site address : Your site address. Method : POST URI : _api/web/ensureuser Header :  Accept: application/json;odata=verbose Content-Type: application/json;odata=verbose Body:  { 'logonName': 'i:0#.f|membership|jane.doe@yourDomain.com' } If the HTTP call is successful, the output will  give you: User id (from the user information list) User name (property Title ) User email UPN (User Principal Name) Is admin of cu
Read more

Guest user can't access Client Side Assets resources in SharePoint App Catalog site

Image
When using third party web part or custom web part, there is a property named includeClientSideAssets that push resources to Client Site Assets library of the SharePoint App catalog site. Anytime a user is using one of those web parts, he will retrieve resources from this centralized area. This Client site assets library is hidden and is at least read-only for every member of your organization but it is not accessible to external user. As consequence external users are getting errors like below. [SPLoaderError.loadComponentError]: Failed to load component "544c1372-42df-47c3-94d6-017428cd2baf" (pnpSearchResultsWebPart). Original error: Failed to load path dependency "SearchResultsWebPartStrings" from component "544c1372-42df-47c3-94d6-017428cd2baf" (pnpSearchResultsWebPart). Original error: Error loading https://component-id.invalid/544c1372-42df-47c3-94d6-017428cd2baf_4.1.0/SearchResultsWebPartStrings Unable to load script https://mytenant.sharepoint.co
Read more