question

CarolLai-5934 avatar image
0 Votes"
CarolLai-5934 asked CarolLai-5934 edited

How to customize the layout for Azure AD B2C template?

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?

azure-ad-b2b
sigin-look.png (17.4 KiB)
unifiedssp.png (34.6 KiB)
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

CarolLai-5934 avatar image
0 Votes"
CarolLai-5934 answered CarolLai-5934 edited
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

JamesHamil-MSFT avatar image
0 Votes"
JamesHamil-MSFT answered CarolLai-5934 commented

Hi @CarolLai-5934 , 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


· 3
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi, @JamesHamil-MSFT ,

Yes. I have read those documents. However, the unifiedssp template doesn't have an option to decide whether to keep the cookie or not, which is that "remember me" checkbox. Also, it doesn't have a cancel button that can clear up the entry.

Is there another template I can use for those features?

0 Votes 0 ·

Hi @CarolLai-5934 , are you asking about the HTML/CSS or for the functionality?

0 Votes 0 ·

@JamesHamil-MSFT

I need the functionality for the remember me and cancel to clear the input in email and password field. However, I don't see those elements in unifiedssp data. I'm not sure if there is something I need to modify to get those elements to show up.

0 Votes 0 ·