Creating Basic Form in Power Pages

In this blog, we will see how to create a basic form in power pages.

1st create Power pages site

  • Go to make.powerpages.com
  • Click on start with blank as shown below
  • After that provide site name and site URL, select language and done.
  • It will take few minutes to create site and will kept in the environment.
  • After site has been created, we need to edit the site, so click on edit option.
  • After clicking on edit option the page will open.
  • We can edit header of the page for that click on edit site header option in header section of the page
  • We can provide site title and set logo from here
    The “site title” refers to the main title or name of website. This is typically displayed in the browser’s title bar, tab, and other prominent locations on your website.
  • After editing the header site title and logo the page will looks like below
  • To create a new page in power pages, click on +Page button, then provide page name and click add.
  • Next step we have to create the basic form for that we need to have those database fields created in the database.
Column NameData TypeFormat
First nameSingle Line TextText
Last NameSingle Line TextText
EmailSingle Line Text Email
PhoneSingle Line TextPhone Number
DOBSingle Line TextText
Street AddressSingle Line TextText
CitySingle Line TextText
CountrySingle Line TextText
Service OfferChoice
Per week consulting hourSingle Line TextText
Ready to RelocateYes/no
Where to relocate Single Line TextText
  • To build basic form, first we need to build our entity form or table form inside our table for that we will simply open our Dataverse table and go to the form section and create new main frame.
  • This will open a user interface, In the interface in first section add First Name, Last Name, Email, Phone and DOB fields which are basic fields.
  • To add the second section, go to components and add 1 column section, make label name as Address.
  • For Address section add street address, city, country, Ready to relocate, where to relocate fields.
  • For third section go to component, add 1 column section, rename it to Personal_Info, here add services offer field.
  • Now we need to publish the form by clicking save and publish.
  • This is how we will create Entity form in Dataverse.
  • You can create basic form in power pages by clicking on form from Page.
  • Then choose table from Dataverse option, select a form from dropdown, then click Ok.
  • The Page is now looks like below screenshot
  • Now we will preview the page
  • When we preview the page it is showing you don’t have the appropriate permission.

Because we have’t provided any permission yet.

  • To provide permission to the form, click on +Add Permission, provide Access Type,here I provided global access. Then permission to create, update, Read, delete, then add roles such as Administrator, Anonymous users, Authenticated Users and click Save.
  • Now test our form by previewing the page and the page will look like below screenshot
  • Now we will provide information and save the form
  • After submitting form successfully, we will get success notification like this
  • We can see the values has been submitted in the Dataverse table.

This is how we can create forms in Power Pages

Tags: , , , , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *