How to customize the layout for Azure AD B2C template?

Carol Lai 521 Reputation points
2021-01-25T21:28:35.81+00:00

I want my login page look like the following 60431-sigin-look.png

In my custom-ui.html, I am using unifiedssp for the login page.
<div id="api" data-name="Unifiedssp"></div>

And it looks like this
60355-unifiedssp.png

What can I do in my custom ui to make it look like the first image?

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,672 questions
0 comments No comments
{count} votes

1 additional answer

Sort by: Most helpful
  1. James Hamil 22,186 Reputation points Microsoft Employee
    2021-01-26T20:18:02.207+00:00

    Hi @Carol Lai , have you taken a look at this document? It goes into a lot of detail on what is possible. For your case you just need an HTML/CSS fix. I think the original screenshot is using bootstrap for the CSS. For the button placement, please see this document. Please let me know if you need any more help!

    Best,
    James