Problem with changing screen title, button label via localization

Question

Hi,

I am new to Microsoft Entra ID. I am migrating our authentication/MFA to Azure AD B2C using custom policy because, among other reasons, the passwords are hashed for our existing users.

I tried to change the screen heading and button label by editing the TrustFrameworkLocalization.xml but it doesn't seem to be reflected on the screen during testing. For example, the sign in replying policy calls the User Journey "SignInWithUsername"

And it uses the Content Definition "api.signuporsignin"

And it uses the LocalizeResources "api.signuporsignin.en"

I changed the text on two of the UxElement

but the changes didn't reflect on the screen during test

One thing I want to mention is I am using a custom html defined in the TrustFrameworkExtenstion.xml file

So what am I missing? Why the editing in the TrustFrameworkLocalization.xml wasn't reflect on the sign in screen?

Thanks,

Sam

Answer 1

Hi @Szeto, Sam ,

In this case will need to manipulate the DOM for your requirements. B2C injects the html inside the predefined div with id set to api (<div id="api>) as described here. You will need to check the structure of the html elements in the developer tools and then select the element using JavaScript to manipulate the DOM. You can use jQuery and select the elements like in this example where the user selects the Email Address label and removes it, and also replaces the "Sign in with your email address" text:

 $("label[for='email']").remove(); 

 $("#localAccountForm .intro h2").text("your custom text");