Changing the Order of Identity Providers in Azure B2C

Question

I have been building an Azure B2C Test System and have customised the login page as per the guide here. Is there any way to change the order of the Elements so that the Local Sign-in option is on the top or bottom?

Also is there a way to make a profile edit policy use the Sign-Up/Sign-In login page style? e.g. 3rd Party Identity Providers at the top and a email\username and password button at the bottom.

Here is how it currently Looks: Identity Provider Order

score 2 · Accepted Answer · answered Feb 07 '17 at 06:05

The order in which the buttons for different identity providers are shown in Azure AD B2C is based on the order in which they are saved. If you select multiple identity providers and then save, they will be added in a seemingly random order. However, if you add one (say Facebook), save your changes to the policy, and then add another (say Google) and save. They will be displayed in that order. This also applies for the Local Accounts button in the policies that show such button.

In the case of Sign-up/Sign-in, the section for local accounts will always be displayed at the bottom and there is currently no way to control this via Azure AD B2C.

You can leverage hacky CSS to do flip these two sections, but beware that this is a hack and can break if at any time the html elements change.

div#api { display: table }
.social { display: table-footer-group }
.localaccount { display: table-header-group }

You should probably request this as a first class feature via the Azure AD B2C UserVoice forum

Hey Saca... almost 3 years later... is this still not possible? — Leniel Maccaferri, Oct 22 '19 at 16:04
By the way: you can also use these techniques to change the div positions including the `divider`: https://stackoverflow.com/q/17455811/114029 — Leniel Maccaferri, Oct 22 '19 at 17:31

Changing the Order of Identity Providers in Azure B2C

1 Answers1