In this tutorial, we will learn how to customize SharePoint List Forms Using PowerApps step by step. These days Microcorosft Power Platform is a buzzword. There are so many platforms or frameworks under the Power Platform – the PowerApps is one among them. This is the first article on PowerApps, so in this article, we will learn about what is PowerApps actually and how to customize a Sharepoint list form using the PowerApps step by step from Microsoft 365.
Key-Highlights: Customize SharePoint List Forms Using PowerApps
- What is PowerApps in SharePoint Online?
- What are the advantages of PowerApps?
- How to access PowerApps?
- How to customize forms using PowerApps in SharePoint Online?
- How to preview the PowerApps app?
- How to publish PowerApps on the SharePoint Online site?
What is PowerApps in SharePoint Online?
The “PowerApps” used the platform as a service. This is one of the tools from the office 365 suite. Using this tool, a very quickly SharePoint developer, user, administrator and architect can develop a new form or customize the existing SharePoint list form – these moderns form can be accessed from mobile, and tablet devices which will support all sorts of browsers.
Earlier, people used to customize the SharePoint list using the Infopath designer, and Microsoft has announced that after 2022 Microsoft will not support Infopath, so by this time we should think of re-developing those InfoPath forms in the PowerApps, statics says still million of forms are being used in Infopath form. In the long run, PowerApps is the way to go, so we should plan for re-developing the InfoPath form in PowerApps.
What are the advantages of PowerApps?
- Very easy and simple to design.
- The form can be customized or developed from scratch.
- A hub of ver 200 connectors will allow us PowerApps to connect across the platform.
- Easy drag and drop controls.
- Easily integrate with the Office 365 Dynamics family.
- Supports almost all browsers.
- Good community support.
How to access PowerApps?
If you have an office 365 account, you can directly access PowerApps using this URL – https://powerapps.microsoft.com/en-us/ or you can go to the SharePoint online list from where using the ribbon menu we can customize the list form – we will see this in the below section.
How to Customize SharePoint List Forms Using PowerApps step by step?
Navigate to the list which you want to customize.
Click on the “Customize forms” link from the ribbon Power Apps dropdown menu.

After a second, you will land on the Power Apps designer page.

Note:
- By default, the Title column is added, we can add other columns as well by clicking on the “+ Add Field” link.
- We can do a lot of amazing stuff like creating power automation (Power Automate) and connecting to other connectors like SQL.
How to Preview PowerApps form?
In this basic PowerApps tutorial, I am focussing on how to use the PowerApps builder tool, so let’s see here how to preview the PowerApps app form. Press F5 or click or click on the right arrow button like below. In this customization, I have just opened the form in PowerApps and added a custom submit button, which I will publish back in SharePoint to see what it looks like.

How to Publish PowerApps on the SharePoint Online site?
From the left topmost corner, click on the “Back to SharePoint” link to publish the PowerApps on the SharePoint Online site.

Then, click on the “Publish to SharePoint” button.

Then, let’s wait for a few seconds to get it published.
Finally, after publishing the form, open any of the existing records, in edit mode, we can see that the customized PowerApps form has been opened.

Summary: Customize SharePoint List Forms Using PowerApps
Thus, in this article we have learned the below as part of a basic understanding of customization of SharePoint form in PowerApps:
- What is PowerApps in SharePoint Online?
- What are the advantages of PowerApps?
- How to access PowerApps?
- How to customize SharePoint list forms using PowerApps step by step from Office 365?
- How to preview the PowerApps app?
- How to publish PowerApps on the SharePoint Online site?
See Also: PowerApps Tutorial step by step
You may also like the below PowerApps Tutorial step by step:
- Read PowerApps toggle control value
- PowerApps: Hide and show textbox based on dropdown selection
- Change PowerApps dropdown sample value to custom options
- How to send email from PowerApps button click?
- How to open outlook from PowerApps step by step?
- Create your first chatbot in PowerApps step by step
- Cascading dropdown in PowerApps using SharePoint data
- CRUD operations in PowerApps using SharePoint online list
- CRUD Operation in PowerApps Using Excel OneDrive
- Phone number and email validation in PowerApps
- Connect to a SharePoint list in PowerApps step by step
- Collection variable in PowerApps
- Understand the difference between Set and UpdateContext function
- String concatenation function in PowerApps
- 3 ways to create Power Apps – Types of Power Apps
- Overview view of PowerApps development environment in Power Platform
- Customize SharePoint List Forms Using PowerApps step by step – Office 365
- Create free development environment using Power Apps Community Plan
- Show or hide columns conditionally in SharePoint list form
- SharePoint Online – Power Automate: How to Export and Import Microsoft Team Flows across environment
- PowerApps bulk update using ForAll patch function
- PowerApps repeating section data to SharePoint list
- Get started with Power Apps canvas apps

3 comments on “Customize SharePoint List Forms Using PowerApps step by step”