How to update Azure B2C Sample profile

ShawnO 5

I have setup an Azure B2C tenant and deployed the sample policies. I want to use the Signup_Signin_Passwordless_Only policy but I want to modify it. I would like to Remove the Sign Up button from the first screen and Add the Sign Up button to the last screen of the Sign In page. Right now when you Verify your code when signing in but, you don't have an account it just throws an Error that An account could not be found and nothing happens. I want to put the sign up button on that screen.

User's image

Goutam Pratti 1,670 Reputation points Microsoft Vendor

2025-02-19T10:51:16.39+00:00
Hello @ShawnO ,

Thank you for reaching out Microsoft Q&A.

I Understand that you want to remove the sign up button from the first screen and Add the Sign Up button to the last screen of the Sign In page.

You can customize using Azure B2C Custom policy for the detail information and requirements you can check: https://learn.microsoft.com/en-us/azure/active-directory-b2c/custom-policy-overview#inheritance-model

As you would like to disable sign up, I would recommend disabling the sign-up button from your first screen using HTML customization. Here is the document which would help you in understanding how HTML page customization works.If you see style.css script you can see how the button can be hidden. You can take the script and disable using the below CSS style element:

<style type="text/css"> .signUpButton { visibility: hidden; } </style>

Additionally you can Customize the user interface with HTML templates in Azure Active Directory B2C :https://learn.microsoft.com/en-us/azure/active-directory-b2c/customize-ui-with-html?pivots=b2c-custom-policy

Hope this helps. Do let us know if you any further queries.
ShawnO 5 Reputation points

2025-02-19T20:42:31.64+00:00

Honest no this doesn't help at all. If I am reading this correctly all of the pieces of the UI that a user interacts with gets injected into your HTML via this mandatory line in the code <div id="api"></div> For the life of me I don't see any way to modify these interactive objects. There doesn't seem to be a way to access the HTML to change the text of the buttons or which ones show up on the screen outside of the initial screen that loads. It seems like on the initial screen you can choose to have a sign-in button or a sign-up button but after you click on the button to load the second page you have no control....Is this correct. If not where is the documentation?
Goutam Pratti 1,670 Reputation points Microsoft Vendor

2025-02-21T11:35:04.64+00:00

Hello @ShawnO ,

Thank you for your prompt response.

I want you to say that there is no official documentation to prove as per your ask, but you can do Branding and customizing the user interface that Azure Active Directory B2C (Azure AD B2C) displays to customers helps provide a seamless user experience in your application. These experiences include signing up, signing in, profile editing, and password resetting.

At runtime, content is loaded from a URL you specify in your user flow or custom policy. Each page in the user experience loads its content from the URL you specify for that page. After content is loaded from your URL, it's merged with an HTML fragment inserted by Azure AD B2C, and then the page is displayed to your customer.

So, you need the A Localization file that holds the localization strings. This policy file is derived from the Base file. Use this file to accommodate different languages to suit your need. So you need to setup the custom policy to customize the user interface.

you can go through the documents: https://learn.microsoft.com/en-us/azure/active-directory-b2c/custom-policy-overview#inheritance-model
https://learn.microsoft.com/en-us/azure/active-directory-b2c/customize-ui-with-html?pivots=b2c-custom-policy

Let us know for the additional Queries.

Share via

How to update Azure B2C Sample profile

Your answer