Moving the labels above the textbox in the Azure AD B2C sign up user flow

Question

I would like to include labels outside the textbox for the First Name and Last Name fields. Some of the text is auto-filled and it isn't clear what the input box was asking for in these cases. We are using Microsoft's recommended User Flow which offers less customizability than the custom policy, so this may not be possible.

Answer 1

Hi @Staisha Neville ,

Thanks for reaching out.

I understand you are trying to Label the text box with appropriate name as per your scenario.

To include labels outside the textbox for the First Name and Last Name fields, you need to customize the user interface of your application in Azure Active Directory B2C.

In the recommended User Flow, you can customize the user interface by modifying the HTML/CSS/JS templates that are used to render the pages. However, this requires advanced knowledge of web development.

Refer to customize the user interface using html - https://learn.microsoft.com/en-us/azure/active-directory-b2c/customize-ui-with-html?pivots=b2c-user-flow

However, in your scenario if you want to update/localize the auto filled text fields names , you can do that with the help of Localization.

Naviagate to User flow where you want to make changes, select Languages->English and go the page where you want to make the changes.

In this scenario, Local account Sign up Page

Download defaults and search for surname in the json file.

you can update the autofill value of surname with "Last Name" and upload the file again to reflect the changes in the UI.

Make sure to update the override value to true for which element you want to update the value.

Hope this will help.

Thanks,

Shweta

---

Please remember to "Accept Answer" if answer helped you.