Customize Ui in sign in page only azure b2c

Anonymous
2020-08-20T07:06:38.91+00:00

i need to design all the elements with bootstrap so how can i do the implementation and can you help me where i need to code and inject the designs and others

18960-image.png

Microsoft Entra ID
Microsoft Entra ID
A Microsoft Entra identity service that provides identity management and access control capabilities. Replaces Azure Active Directory.
22,116 questions
0 comments
Accepted answer
  1. AmanpreetSingh-MSFT 56,646 Reputation points
    2020-08-20T07:48:49.517+00:00

    @Anonymous For this purpose, you would need to use your own HTML and CSS file and upload the files to a location where these files can be accessed publicly. I have uploaded my HTML and CSS file to Azure blob storage. For your reference, you can find the files here: unified.html and global.css

    If you are using built-in user flow, you need to Navigate to your user flow > page layouts > set Use custom page content to Yes and set Custom page URI to the url of your html file.

    18968-image.png

    If you are using custom policy, add below XML code to either TrustFrameworkExtensions or your RP (signup/signin) file. Where the value of LoadUri must be the URL of your custom HTML file. 

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

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

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

0 additional answers

Sort by: Most helpful
Most helpful Newest Oldest

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.