How to customize the layout for Azure AD B2C template?

Carol Lai 526 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.
3,031 questions
0 comments No comments
{count} votes

Accepted answer
  1. Carol Lai 526 Reputation points
    2021-01-26T21:07:38.42+00:00
    0 comments No comments

1 additional answer

Sort by: Most helpful
  1. James Hamil 26,986 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


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.