Styling Azure B2C for Power Apps Portals

   Words by Paul McQuillan

   on 12/01/2021 10:00:00

When we configure an App or Website to authenticate via Azure B2C – this will give us a vanilla Log In and Sign-up Page.

We will often want to customize this page and define the appearance according to our intended content and not just the default.

image

We can do this by editing the Settings for the Azure B2C User Flow in question – specifically the Page Layouts for that User Flow.

Initially this will be set to ‘Use custom page content’ as NO – but we can change this to YES and set where this Custom Page Content should come from.

image

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.

Specifically a Page that is ready to merge the content in our Portals with the content produced by Azure B2C:

image

In the example above, this is following the default format of:

  • Page - Page in Portal Management to define the partial URL of /azure-ad-b2c-sign-in
  • Page Template - This connects to a Page Template so this can be used across multiple Pages
  • Web Template - The Page Template connects up to a Web Template that handles the HTML that will be read from the Power Apps Portal, merged with Azure B2C and then presented from Azure B2C to the user.

This means that the Web Template can be designed and built in Power Apps Portals and then used in however many Pages we need the same base Template for.

Now – the unique content for the User Flow is actually generated by Azure B2C and then ‘fed into’ our Web Page + Template Html.

This often means we can define the broad Styling and Frame for our page in the Web Template – use this Web Template in our Pages – so each unique Page we connect into Azure B2C is mainly just giving us a different partial URL.

image

Viewing the the Pages connected with our Page Template and Web Template.

The Page Content is then just the basics to define the Page and insert any unique HTML Content only if required:

image

Defining a New Password Page in the same way

This page can then be likewise configured into one of the Azure B2C User Flows:

image

Connecting the Change Password Page for the B2C Password Reset User Flow to the Content in Power Apps Portals

xxx

Share this Article

Search Articles

Filter Articles

CRM Tech DocMan

Recent Articles

Dynamics for Sales: Use Word Templates to Export directly to PDF Newly Generated Documents in Dynamics or Power Apps do not save into SharePoint Synchronising Dynamics / Power Apps Security with SharePoint Adding the DocDrive Bot to each new Microsoft Team Microsoft Team for each Key Account using Conditional Rules in DocDrive365 Styling Azure B2C for Power Apps Portals Azure B2C–the Subscription is not Registered Azure B2C and Power Apps Portals – User Flow for Signup and Signin Creating a New Azure AD B2C Tenant New Application Registration in Azure B2C for our Power Apps Portal Using Power Automate to Integrate Microsoft Forms with Dynamics 365 CRMCS Quick Start Guide: How To Produce a Microsoft Teams Live Event Dynamics 365 Marketing: Lead Scoring and Sales Acceptance Designing and Developing Microsoft Power Apps Portals Thank You for Attending CRMCS’ Webinar - Achieving B2B sales excellence with Dynamics 365 & Microsoft Teams Thank You for Attending Our Webinar - Achieving B2B sales excellence with Dynamics 365 & Microsoft Teams Webinar: Discover How CRMCS Have United Dynamics 365, SharePoint and Microsoft Teams To Create Sales Excellence Ignite your workflow by adding DocDrive365 to Office 365 The CRMCS guide to everything you need to know about integrating Teams with Dynamics 365 Saving Time By Keeping Documents In One Place TDE Database Encryption with On Premise Dynamics The Key to Successful Compliance in 2020 Part 2: Let’s get GDPR Compliant with Microsoft Power Automate
Contact Us

Want expert advice or a demo?

Get in touch now and see how we can help your business grow.

  • Name
  • Email Address
  • Phone Number
 
Close

Understanding Your Challenges

Our strong understanding of CRM and emerging technologies within the Microsoft environment means we deliver the right solutions for you.

Proven Real-World Solutions

As a leader in the field of Dynamics solutions, our pedigree developing and delivering real-world solutions is unsurpassed.

Long Term Support

We provide support beyond our design, implementation and 'go-live' delivery using Sprints and continual updates to our AppSource apps.

CRMCS | Design by Thinktank Marketing | Citrus-Lime Limited

To improve your experience today and in the future, this site uses cookies. Read our full Privacy Policy & Cookie information here I Understand