Different styles for different custom policies for single tenant in ADB2C

Utkarsh Awasthi 1 Reputation point
2021-09-16T11:29:25.193+00:00

We have a single tenant in ADB2C and 2 custom policies for sign-in and sign-up. We want to have different styles applied to them. If this is possible please guide me through the process.

Microsoft Entra External ID
Microsoft Entra External ID
A modern identity solution for securing access to customer, citizen and partner-facing apps and services. It is the converged platform of Azure AD External Identities B2B and B2C. Replaces Azure Active Directory External Identities.
2,713 questions
{count} votes

1 answer

Sort by: Most helpful
  1. AmanpreetSingh-MSFT 56,446 Reputation points
    2021-09-20T10:09:44.64+00:00

    Hi @Utkarsh Awasthi • Thank you for reaching out.

    You will be required to create two set of HTML and CSS files for this purpose and host the files in a publicly accessible location, like Azure Blob storage or your publicly accessible hosting server.

    You may create separate HTML/CSS files for these ContentDefinition IDs: api.error, api.idpselections, api.idpselections.signup, api.localaccountsignin, api.signuporsignin, api.selfasserted, api.selfasserted.profileupdate, api.localaccountsignup, api.localaccountpasswordreset

    You can then add below code block to signup_signin.xml files, if you are using same Base and Extensions files. If you have separate Base, Extension and RP files, below code block can be added to extensions or RP files or you can directly update the LoadURI in the base file.

       <BuildingBlocks>  
           <ContentDefinitions>  
             <ContentDefinition Id="api.signuporsignin">  
               <LoadUri>https://moviesdiag132.blob.core.windows.net/b2c/unified.html</LoadUri>  
             </ContentDefinition>  
             <ContentDefinition Id="api.localaccountsignup">  
               <LoadUri>https://moviesdiag132.blob.core.windows.net/b2c/unified.html</LoadUri>  
             </ContentDefinition>  
           </ContentDefinitions>  
       </BuildingBlocks>  
    

    You can reference the unified.html (for signup_signin) that I have added URL for, in the LoadUri within above XML snippet.

    Read More: https://learn.microsoft.com/en-us/azure/active-directory-b2c/customize-ui-with-html?pivots=b2c-custom-policy

    -----------------------------------------------------------------------------------------------------------

    Please "Accept the answer" if the information helped you. This will help us and others in the community as well.