So you got started with Power Pages, and now you’re ready to edit pages in Power Pages. This post will guide you through the first steps.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 24

Power Pages Studio vs Site Preview

Our site is ready and now we want to make some customizations to the site. Before we edit pages in Power Pages, I will walk through the options by clicking on the Edit button.

First of all it is important to understand the differences between the Power Pages Studio view of your site and the Preview of the site.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 25
Power Pages Studio
Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 26
Preview of the site in Power Pages

As you can see the preview includes the navigation section at the top. While the Power Pages Studio mode only shows you the content of a page. In the Studio you will notice that orange ison at the top right that represents your global navigation.

Main Navigation

The Power Pages navigation section is where you can build that global navigation. In this section of the Power Pages Studio you will find pages that are part of your navigation and other pages. Other pages are part of your site but they aren’t directly available in the global navigation.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 27

For the pages that are part of the global navigation there can be main pages and subpages.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 28

More options can be added to the navigation by hitting the + or by adding a new sub page or you could even duplicate the selected page.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 29

When you choose to create a new page you will first need to give the page a name and then select the layout for the page.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 30

Edit pages in Power Pages

Now that we have created our first page, we want to make some customisations.

Edit Pages in Power Pages

In the above page you will find that you can add section in a very similar way to SharePoint Online. You can select the type of section to be a full width, split in two column or 3 columns.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 32

Then within the creation section you can add components. Components are like SharePoint web parts.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 33

Currently you have a choice of the following components

  • Text
  • Button
  • Image, Video
  • Spacer
  • Power BI
  • List
  • Form
  • iFrame
Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 34

You can quite quickly add a new list that will display for example Accounts. ( don’t do this if you don’t want to share the account details, this is just an example!)

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 35

Once you have selected the data source in Dataverse, you can select what a user can do within your portal. Not that this doesn’t meant that they also have permissions to do this. That is something that is controlled within Dataverse.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 36

And then finally we can specify how many records are displayed and if users can search within the list.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 37

And when we now reload our page, we will find that our web part has been added.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 38

Having created the web part doesn’t mean that the data is actually visible to logged in users, for this to work we will need to set some permissions. Do you still remember the dynamics pages of circles that made sense to developers but for the rest of us they were just hurting our eyes?

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 39

Click on the permissions of the list component and a permissions pane will slide in.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 40

When you create a new permission

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 41

You can now select for example Contact access and the relation ship that decides who can and who can’t access the data available.

Edit Pages in Power Pages, a quick overview Microsoft Office 365 image 42

More about Power Pages

Do you want to know about security in Power Pages? Or do you want to know more about all those components within Power Pages?

If you want to learn more about Power Pages then visit Power Pages – The ultimate user guide.

Avatar for Pieter Veenstra

By Pieter Veenstra

Business Applications and Office Apps & Services Microsoft MVP working as a Microsoft Productivity Principal Consultant at HybrIT Services. You can contact me using contact@veenstra.me.uk.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: