Create PowerApps App for SharePoint List

In this Power Apps tutorial, We will discuss how to create PowerApps App for SharePoint list.

We will also see how to customize PowerApps New, Edit and Display form.

PowerApps SharePoint list

Here, I have created a SharePoint Online list and we will see how to create a PowerApps App for the SharePoint Online list.

The below screenshot represents a SharePoint Online List (Hospital Registration Details).

create powerapps using SharePoint Online List

It has these below columns and data types.

create powerapps for sharepoint online list

Now, we will see how to create an app using PowerApps for the SharePoint list.

Open the SharePoint Online List. Select Create an app under the PowerApps tab as shown below.

create a powerapps for sharepoint online list

Provide a name for your app and click on Create button to continue.

create a power apps for sharepoint online list

It will take a while and then the app will be created for you. Now you can see the data which is being displayed from the SharePoint List.

PowerApps automatically creates a fully functioning app for you.

By default, When you create a new app using Power Apps, it will create three new screens automatically as:

  • Browse Screen: In this screen, you can Refresh the screen, Sort the items as ascending or descending and create a new item.
  • Display Screen: In this screen, you can see the details of the item, Edit that specific item, Delete an item and also go back to the Browse screen.
  • Edit Screen: In the Browse screen, when you will click on the + icon to create a new item, then this edit screen will appear where you can enter a new item or cancel that item. When you will cancel the item, it will directly take you to the Browse screen.

Apart from these three screens, I have created one more screen (Blank screen) and a form (Edit form) where you can only edit the item in that form.

  • Edit Registration Details: In this screen, you can modify an item or cancel that item. When you will cancel the item, it will directly take you to the Browse screen.

Customize PowerApps Browse Screen

Select the body part of the form -> Go to Properties tab under the BROWSEGALLERY1 section -> Click on Edit from the Fields section -> Select Title.

Similarly, Select Title from the Layout section and you can see the below screen.

powerapps sharepoint list

Customize PowerApps Display Screen

Select the body part of the form -> Edit fields from the Fields section -> Add all the fields -> Click on Add button.

Similarly, Select 2 in the Columns field and Vertical in the Layout field as shown below.

create a powerapps using sharepoint online list

PowerApps Customize Edit Screen

In this screen, here you will create a new item by using the Edit form.

Select the body part of the form -> Go to Properties tab under the EditForm1 section -> Click on Edit fields from the Fields section -> Add all the fields -> Click on Add button.

Similarly, Select 2 in the Columns field and Vertical in the Layout field as shown below.

Also, I have added three Text Labels (Insert -> Label) with different categories as:

  • Patient Personal Details: It contains only Patient Personal Details as Patient Name, Father Name, DOB, Age, etc.
  • Patient Contact Details: It contains only Patient Contact Details as Patient Mobile No, Patient Email Address, City, etc.
  • Emergency Contact Details: It contains only Emergency Contact Details as Relative Name, Relative Phone No., Relative Address, etc.
powerapps sharepoint list

Edit Registration Details: In the Display screen, when you will click on the edit icon to modify an item, then this below edit form will appear.

Select the body part of the Edit form -> Go to Properties tab under the EditForm1_1 section -> Click on Edit fields from the Fields section -> Add all the fields -> Click on Add button.

Similarly, Select 1 in the Columns field and Vertical in the Layout field as shown below.

how to create power apps using sharepoint online list

Preview PowerApps App

To Preview the Power Apps, Press F5 or Run icon on the top of the page. This below screenshot represents the total performances of Create, Display and Edit form.

Select the + icon to create an item -> Fill up the details of a patient in the Patient Registration Form -> Click on Save icon otherwise click on the Cancel icon to go back to the Browse screen. Also, you can Refresh and Sort the item in the Browse screen.

Select the arrow icon of a patient -> It will open the Details form -> Click on Edit icon -> Edit any field in the Edit form -> Save the Form otherwise go back to the previous Browse screen.

Similarly, In the Display screen (Employee Details), If you want to delete the record, then simply click on the Trash icon otherwise go back to the Browse screen by clicking on the back icon.

create power apps app for SharePoint Online list

Save and Publish the PowerApps App:

To Save the PowerApps app, Go to File tab on the top of the page as shown below.

Create PowerApps App for SharePoint List

Provide some Version note about the updates you have made. Click on Save.

Create Power Apps App for SharePoint List

Click on Publish button as like below.

Create Power Apps app using SharePoint List

If you want to modify the app details before publishing like App Name, Icon, Description, etc., then click on the Edit details otherwise click on Publish this version.

Create Power Apps app using SharePoint online List

Share the PowerApps App:

You can share the Power apps app with other users in your organisation. So that they can use this app easily. Click on Share button as like below.

Create PowerApps app using SharePoint online List

Enter a name, email address of the user whom you want to share the Power apps. Check to Send an email invitation to new users. Click on Share.

create powerapps using SharePoint Online List

When you will share the app with another user, then an App Web link will generate automatically. You can open the app through this web link as below screenshot.

how to create a powerapps using SharePoint Online List

Once you published the Power apps app, go to SharePoint List -> click on the + New option. Then you can see a power apps form will appear as shown below.

create a powerapps for sharepoint list

Also, you may like the below Power Apps tutorials:

In this Power Apps tutorial, We discussed how to create a PowerApps App for a List in SharePoint Online. Also, we saw how to customize the Display form, New/Edit form in PowerApps.

>