Customize SharePoint List Forms Using PowerApps step by step – Office 365

 32,327 total views,  3 views today

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 Office 365.

Key-Highlights

• 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 in the SharePoint Online site?

What is PowerApps in SharePoint Online?

The “PowerApps” is used the platform as 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, 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 which 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 forms using PowerApps in SharePoint Online?

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 to 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 os amazing stuff like creating a power automate, connecting to other connectors like SQL.

How to preview the PowerApps app?

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 how it looks like.

How to publish PowerApps in the SharePoint Online site?

From the left topmost corner, click on the “Back to SharePoint” link to publish the PowerApps in 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:

Thus, in this article we have learned the below as part of 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 in SharePoint Online site?

See Also:

You may like the below SharePoint articles:

• Custom search result page in SharePoint Online – SPFx PnP Modern Search solution
• Configure SharePoint search box in office 365 suite bar step by step
• Enable and configure information rights management (IRM) in SharePoint Online
• Manage recycle bin in SharePoint Online – Office 365
• In 4 steps create office 365 trial account – sign up free subscription
• Add more than 5 conditions in InfoPath form’s rule
• How to validate the date column in Infopath form
• How to a copy list item to another list using SharePoint designer workflow
• SharePoint Framework (SPFx) development environment Setup step by step
• 3 ways add a picture library in the communication site – SharePoint Online
• SharePoint generation or version history from the year 2000 to 2020
• Office 365: Getting started with SharePoint PnP PowerShell – installation
• In 2 steps convert a classic SharePoint page to modern using PnP
• Office 365: Retrieve hub sites and associated sites using PnP Powershell
• Create a modern team site using PnP PowerShell in SharePoint
• In 4 steps access SharePoint online data using postman tool
• SharePoint admin center: Learn SharePoint online administration in an hour – step by step
• SharePoint REST API: GET vs POST vs PUT vs DELETE vs PATCH
• Office 365: Understanding the hub site in SharePoint online
• Create SharePoint online list using PnP provisioning template
• List Template IDs In SharePoint Online/SharePoint 2019/2016/2013/2010/2007

Download SharePoint Online & Office 365 Administration eBook

Buy the premium version of SharePoint Online & Office 365 administration eBook from here:

 

Get the free demo PDF eBook from here:

FREE DOWNLOAD

Send download link to:

Subscribe to get exclusive content and recommendations every month. You can unsubscribe anytime.