Power Pages, Overview for Portals developers

-





Hi folks, as you already know we have Power Pages in Power Platform, and as a Portal developer I would like to share some things that I found interesting.

Edit more than 1 WebSite at a time

You can edit more than 1 site at the same time, this is a great feature because in the previous version when you install a Portal from PowerApps you can only edit one at a time. If you are familiar with Portal Metadata it's like edit each Website separately.

Additionally, another advantage of this functionality is that if you have more than 1 developer working on the same page, you can duplicate your site and use it like branches. 






Choose between different templates or from Scratch

These are good news for functional or citizen developers because you can choose to begin your project between different templates. This option wasn't before, it was the same template for all new Portals.

Also, you can see a preview of how the site will look on desktop and mobile devices.


Portal Edition

The way to edit the Portal from the Power Page app is similar to the previous version, but with some interesting differences, f.e. the Edit Code option, this will open basically the customizations that you can do to a webpage like CSS, Custom JS, and HTML (on Content Page record). It's interesting because the editor doesn't need to be familiar with Portal Metadata at all.

One disadvantage that I found is that when I tried to change the logo image it didn't change immediately. I mean a new image. So to see these changes immediately maybe will be a good idea to create the image records previously on Web Files metadata.




Edit Site Palette

The way to edit the Site colors is really intuitive, You can change the colors right there and all the font styles you want. Also, you can change buttons, links, and section styles.




But if you need to customize or add other elements that are not available in Power Pages you can always come back to the Portal Management XD



























Comments

Post a Comment

Popular posts from this blog

Portal (Power Pages) WebAPI & forget about clearing cache

-
Image
Portals WebAPI is another way to execute CRUD actions on Dataverse from Power Pages and is mainly used for customizations. However, t his is not configured by default. How do you set it? Go to Portal Management > Website > Site Settings Create the following new site-setting records per table "Webapi/[table name]/enabled"   where the value is true  "Webapi/[table name]/fields"    where the values are the fields used, separate these by a comma or asterisk * to select all fields. "Webapi/[table name]/disableodatafilter"   where the value is true or false depending on the requirement Webapi/error/innererror"  where value is  true Security The good news is that all restrictions on your transactions depend on what user is signed and which web roles have been assigned because they rely on your Table Permissions configuration. Actions Allowed: GET PATCH PUT DELETE POST For example: function Update ( _id ) { var record = {}; record .[ fieldna
Read more

Data Migration Toolbox

-
Image
Data Migration Tool is an app to migrate Dynamics CRM/Power Platform data between environments, using fetch XML queries.  What can you expect when you use this tool? It keeps Guid records. You can turn off the plugins to migrate data. You can apply a fetch filter per table. It's another way to deploy a portal. It executes an Upsert. It doesn't delete existing records. You can have a data backup. Other tools like Data Transporter on XRMToolbox also help you to copy data between environments respecting the record Guids and select the CRUD actions you want to apply. Both apps XRMTool and DMT run only on Windows. This post will explain How to use the Data Migration tool; during my years of experience, I have done this knowledge transfer for different reasons, so I considered it helpful to have these directions immortalized on the internet. I used this tool for different purposes such as a catalog table, some old Portal deployments (known as Power Pages today) To download the data m
Read more

Using external Fonts in Power Pages

-
Image
Power platform has some specific font-family to customize your website... but as developers, we always try to figure out how far we can get to apply customizations. In this post, I will show you how to use an external font family in Power Pages to match the site with your client's brand. First, you will need a font-family file; I'll use one from Google Fonts ( Sedgwick Ave Display - Google Fonts ). Create a Web file record to attach the “*.ttf” file on the notes. I suggest leaving the Home Page as Parent if you use this font across all the pages.     To apply this font for H1 labels, download the existing CSS called "portalbasictheme.css" and edit this, replacing it with the new font-family properties.       Update the portalbasictheme.css by attaching this to web file record.     Finally, sync the portal configuration to apply these changes; note that this action synchronizes the changes done on the portal management app.       Then click on Preview> Desktop to vi
Read more