Custom Forms SharePoint Modern Experience

Custom Forms SharePoint Modern Experience

Finally! Form customization has made its way into SharePoint!

You have been tasked with creating a nice-looking form, let’s see how that’s done…

We will be working with a SharePoint List.

Go ahead and create your list, you already know how to do that.

Let me know when you’re done……

Ok let’s get started.

Note: you must be in SharePoint Modern Experience.

The option to create a custom form is located in the list settings. Navigate to the list settings and click on Form Settings.

Select ‘Use a custom form created in PowerApps’ or click on the link (Customize in PowerApps), click ok.

Keep this in mind just in case you decide to return to the default SharePoint form. I can’t imagine going back after you’ve created an amazing custom form!  

Of course, you know as well as I do there is more than one way to do anything in SharePoint.

So, here’s another way…

Simply navigate to the list and click on the down arrow next to PowerApps, then select Customize Forms.

 

You can skip the Welcome option, or if you prefer click on the links, there’s a lot of good information in there. I’m going to skip that for now…

Ok you’ve landed on the form. Right now it’s just a basic form.

On the left you see the name of the Screen, the form name and all the fields from the list that make up the form. On the right you see the ability to work with properties, rules, and advanced.

 

Let’s change the theme!

Select the form by clicking on the form name on the left.

After selecting the down arrow next to Theme there are various options to choose from.

Go ahead play around to see what you like…  yes, I’m still here!

You’ve made a selection… You like it but you want more. Let’s try creating a label for the form.

Drag the top part of the form down to make room for a label. Now let’s add the label…

  

On the top navigation click on Insert / Label.

The label will appear somewhere on the form. Yup there it’s at the top of the form.

With the label still selected let’s change the text, type something in there that will identify the form.

You can center the wording and give it some color, change the fill color, the options are endless.

Go ahead and create your masterpiece!

Now isn’t that nice?   Much better than the OOTB form.

How does the form look when adding an item? Let’s see…

Thanks Microsoft!