Power Pages: Create Custom Profile Page

Requirement

Sometimes, you don’t want to use Power Pages default Profile page due to its restricted layout and are only able to use Profile Webform available in Dataverse. To get rid off default profile page, you want to Create a custom profile page where you want to display information as per your business needs.

Solution

Step 1: Open Power Pages Design Studio

To open Power Pages Design Studio by navigating to the following URL:

“https://make.powerpages.microsoft.com/e/<Your Environment Id>/sites/<Your Power Pages Site id>“

You can get the Environment Id by navigating to the Power Platform Admin Center > Open Environment > Copy Environment Id

To get the Power Pages Site Id, Open the Power Pages Management App from the App list > Open Website record and Copy the id parameter value from URL (query string) as shown in figure below.

Step 2: Create a webpage to display My Profile (Contact) Information

Once Power Pages Design Studio is opened, click on + Page from the left panel and create a new page, as shown in the figure below.

Set the page permission to restrict its viewing only to Authenticated Users.

Step 3: Create a Basic Form and Link to the webpage

Now create a basic form with details as shown in figure below. Please ensure that Record Source Type property is set to ‘Record Associated to Current Portal User’ and Relationship Name is set to ‘contact_customer_accounts’. This setting will open the account record that is associated with the logged-in portal’s contact record in Dataverse as shown in figure below.

Once the form is created, add it to the webpage created in the earlier step, as shown in the figure below.

Step 4: Create a Permission to view data in the Contact table

Create a table permission to view account information stored in the Account table in Dataverse, as shown in the figure below.

Step 5: Create a new Link under Profile Navigation

Navigate to make.powerapps.com > open Power Pages Management app > Select Web Link Sets from the left navigation panel > Open Profile Navigation > Click on Links tab and Create a new link named My Account as shown in figure below.

Please ensure that Page is set to ‘My Account’ page as shown in figure below.

Step 6: Sync the change and open the site

Once all configurations are done, sync the portal configuration from Power Pages Design Studio and Open the Power pages site. Select My Account under your name dropdown as shown in figure below.