{"id":181,"date":"2022-01-06T11:18:22","date_gmt":"2022-01-06T11:18:22","guid":{"rendered":"https:\/\/blog.citrus-lime.com\/crmc\/?p=181"},"modified":"2022-01-06T11:18:22","modified_gmt":"2022-01-06T11:18:22","slug":"part-4-power-apps-portals-styling-azure-b2c-for-power-apps-portals","status":"publish","type":"post","link":"https:\/\/blog.citrus-lime.com\/crmc\/part-4-power-apps-portals-styling-azure-b2c-for-power-apps-portals\/","title":{"rendered":"Part 4 \u2013 Power Apps Portals: Styling Azure B2C for Power Apps Portals"},"content":{"rendered":"\n
\"See<\/figure><\/div>\n\n\n\n

When we configure an App or Website to authenticate via Azure B2C \u2013 this will give us a vanilla Log In and Sign-up Page.<\/p>\n\n\n\n

We will often want to customize this page and define the appearance according to our intended content and not just the default.<\/p>\n\n\n\n

\"image\"<\/figure>\n\n\n\n

We can do this by editing the Settings for the Azure B2C User Flow in question \u2013 specifically the\u00a0Page Layouts<\/strong>\u00a0for that User Flow.<\/p>\n\n\n\n

Initially this will be set to \u2018Use custom page content\u2019 as NO \u2013 but we can change this to YES and set where this Custom Page Content should come from.<\/p>\n\n\n\n

\"image\"<\/figure>\n\n\n\n

We need to ensure that for each Layout Name we change \u2018Use custom page content\u2019 to YES for each of the layouts for the user flow.<\/p>\n\n\n\n

This will mean that whatever route the user goes down in this user flow, the style of the page will stay consistent. We can copy the same custom page URI for each one of these layouts.<\/p>\n\n\n\n

Now when we think of using Power Apps Portals, we want this Custom Page URL to be supplied from the Portal Content held in our Dynamics Portal.<\/p>\n\n\n\n

Specifically a Page that is ready to merge the content in our Portals with the content produced by Azure B2C:
<\/strong><\/p>\n\n\n\n

\"image\"<\/figure>\n\n\n\n

In the example above, this is following the default format of:<\/p>\n\n\n\n