How to Create Different Forms in Power Apps?

Are you interested in creating different forms in Power Apps? In this Power Apps tutorial, we will learn different Forms in the Power Apss Canvas app.

Moreover, we will discuss how to create different Forms in Power Apps with various examples.

Power Apps Forms

There are two types of Forms in the Power Apps Canvas app:

  1. Edit Form: This form can be used to modify or update one or more fields of a respective record.
  2. Display Form: This form can show one or more fields of a respective record.

Refer to the below screenshot:

Power Apps Canvas app Forms

These are the two different forms of Power Apps.

How to Create Different Forms in Power Apps

With various examples, let us see how to create different Forms in Power Apps. Such as:

  • How to Create a New Form in Power Apps
  • How to Create a Display Form in Power Apps
  • How to Create an Edit Form in Power Apps

How to Create a New Form in Power Apps

Here, we will discuss creating a new form in Power Apps. Let’s take a simple scenario.

Here, I have taken a SharePoint Online List named “Contact Us” with different columns such as:

Column NameData Type
NameThis is a Default Single line of text, I just renamed it as a Name
GenderChoice
Phone NumberNumber
Address Multiple lines of text
MessageMultiple lines of text column
Create a New Form in Power Apps Canvas app

I want to submit a new Feedback record via the Power Apps form. The user will enter a new record via a form and click the Submit button. Once he/she is submitted, the new record will be created in the SharePoint Online list (Contact Us).

To achieve this, follow the below steps:

1. Open Power Apps -> Create a Blank canvas app -> Go to the + New screen -> Select Blank screen -> Renamed it as New Form as shown below:

Different Forms in Power Apps Canvas app

2. Next, on the Power Apps Screen -> Insert a Text label control -> Set its Text property to the code below:

Text = "Contact Us"
How to create Power Apps Canvas app Forms
How to create Power Apps Canvas app Forms

3. Then, click the +Inset tab -> add an Edit form as shown below.

How to Create a New Form in Power Apps

4. Now, Connect the Data source from the SharePoint Online List (Contact Us) under the Properties pane.

Various forms in Power Apps Canvas app

5. Next, the Edit Form will appear with all the SharePoint fields like Title (I just renamed it to “Name”), Email, Phone Number, Gender, etc…

How to create various forms in Power Apps

6. Also, insert a Button control on the bottom -> Rename the Button as Submit using the Text property.

7. Then, select the Submit button and Set its OnSelect property like the below:

OnSelect = SubmitForm(Form9);ResetForm(Form9)

Where,

  • SubmitForm = We can use this function to save data from Edit Form to the data source
  • Form9 = Name of the Edit Form.
  • ResetForm = Reset Form can reset the content of a Form to its initial values.
How to create various forms in Power Apps Canvas app

8. Now, our Power Apps app is ready to use. Just Save and Publish the app and Run the App.

9. Here, the user will enter a new record via the Power Apps Form and Click the Submit button.

How to create forms in Power Apps
  • Finally, the new record will be submitted in the SharePoint Online list (Contact Us) as shown below:
How to create forms in Power Apps Canvas app

This is how to Create a New Form in Power Apps.

How to Create a Display Form in Power Apps

Let us discuss how to add a Display Form control in Power Apps and how we get details of the specific record.

Before creating a Display Form, we will create one List screen and add Data from the SharePoint Online List (Furniture Types) to get details of the specific record.

To do so, follow the below steps are:

1. Go to the Power Apps Canvas app -> Expand the New screen tab -> Select List under the Templates as shown below

How to Create a Display Form in Power Apps

2. Once it appears, rename the screen (List Form) and Add Data Source (Furniture Types) under the Properties pane.

How to Create a Display Form in Power Apps Canvas app

3. Next, change the title (Furniture Types) in the Text label and select the Layout under the Properties pane like below:

How to Add a Form in Power Apps Canvas app

4. Now, suppose a user wants to display the record details of a particular Furniture. In that case, once he/she clicks on the Next arrow of the specific item, it will redirect to the Display Form (Furniture Details)

5. To do so, select the Next arrow icon (>) from the list gallery and set its OnSelect property as:

OnSelect = Navigate('Display Form')

Where,

  • Display Form = Furniture Details Screen
Create a Display Form in Power Apps Canvas app

This is all about how to create a List Form.

Next, we will see how to create a Display Form in the Power Apps Canvas app. To achieve it, follow the below steps:

1. Go to + option -> Select Display form -> Add data (Furniture Types) from SharePoint as shown below:

Add different Forms in a Canvas app

2. Change the Screen name (Display Form) and add a Text label (Furniture Details). Also, you can add or remove some more fields using the Edit fields option.

3. Additionally, if you want to change the form Properties, you can use more properties like Columns, Layout, Size, etc…

How to add a Display Form in Power Apps

4. Here, select FormViewer1 and Set its Item property code like the below:

Item = TemplateGalleryList3.Selected

Where,

  • TemplateGalleryList3 = This is the List gallery control presented inside the List Form screen, i.e., Furniture Types.
Add a Display Form in Power Apps Canvas app
  • Also, if you want to Edit the record details of a particular Furniture. In that case, once he/she clicks on the Edit icon, it will redirect to the Edit Form (Furniture Edit Form)
  • To do so, select the Edit icon from the list gallery and set its OnSelect property as:
Onselect = Navigate('Edit Form',ScreenTransition.None)
How to Create a Edit Form in Power Apps

This is how to Create a Display Form in Power Apps.

How to Create an Edit Form in Power Apps

Here, we will see how to Edit or Modify one or more fields in a respective record. To do so, follow the below steps are:

  1. Go to the Power Apps Screen -> Select + option -> Select Edit form -> Add data (Furniture Types) from SharePoint as shown below:
Customization of different Forms in the Canvas App

2. Change the Screen name (Edit Form) and add a Text label (Furniture Edit Form). Also, you can add or remove some more fields using the Edit fields option.

3. Additionally, if you want to change the form Properties, you can use more properties like Columns, Layout, Size, etc…

Create a Edit Form in Power Apps Canvas app

4. Next, select the Edit form (Form3) and set its Item property as:

Items = TemplateGalleryList3.Selected

Where,

  • TemplateGalleryList3 = Name of the List gallery control.
How to add a Edit Form in Power Apps

5. Also, insert a Button control on the bottom -> Rename the Button as Submit using the Text property.

6. Then, select the Submit button and Set its OnSelect property like the below:

OnSelect = SubmitForm(Form3);ResetForm(Form3)

Where,

  1. SubmitForm = We can use this function to save data from Edit Form to the data source.
  2. Form3 = Name of the Edit Form.
  3. ResetForm = Reset Form can reset the content of a Form to its initial values.
How to add a Edit Form in Power Apps Canvas app

7. Now, our Power Apps app is ready to use. Just Save and Publish the app and Play the App.

8. The user will get a List Form (Furniture Types). Once the user clicks on the Navigate button, it will redirect to the second screen(Display Form).

How to Add Different Forms in Power Apps

9. If the user wants to Edit a specific record, click the Edit icon. It will redirect to the third screen (Edit Form).

10. Once the modification is completed, click on the Submit button as shown below:

How to Add Different Forms in Power Apps Canvas app

10. Finally, the modified/updated record will be submitted in the SharePoint Online list (Furniture Types).

Refer to the below screenshot:

How to create different Forms in Power Apps
How to create different Forms in Power Apps

This is how to create different Forms in Power Apps.

Conclusion

This Power Apps tutorial guides you to learn different types of Forms in the Power Apss Canvas app. And, also you can cover below topics such as:

  • How to Create Different Forms in Power Apps
  • How to Create a New Form in Power Apps
  • How to Create a Display Form in Power Apps
  • How to Create an Edit Form in Power Apps

Additionally, you may like some more Power Apps tutorials: