1

I used this documentation to separate email verification from account creation: Separate the Email Verification and User Registration into 2 separate screens

This the result : Custom sign up

I changed some labels and create buton in localization file, but now I need to know how to add text to my page as shown in the attached images. Is it feasible with XML? if not please how to do it?

Customiszation needed

UPDATE : Do I have to make my own html/css customization and change de LoadUri of contentdeifinition Id="api.localaccountsignup" to use my cshtml file?

Nicolas
  • 167
  • 8

1 Answers1

2

Yes, you can customise it.

You make your own HTML/CSS, upload to blob storage and then point to blob storage from the XML file.

You can also add your own JavaScript.

rbrayb
  • 46,440
  • 34
  • 114
  • 174
  • Just to confirm if I understood the documentation correctly. For example, do I have to insert my html code inside the
    insert my html code to add the text before the email, then make an input with the same id of the custom policy claimtype and so on? or should I do otherwise?     – Nicolas Dec 23 '21 at 00:45
  • https://learn.microsoft.com/en-us/azure/active-directory-b2c/customize-ui-with-html?pivots=b2c-custom-policy#custom-html-page-content – rbrayb Dec 23 '21 at 02:00
  • "Your custom page content can contain any HTML elements, including CSS and JavaScript, but cannot include insecure elements like iframes. The only required element is a div element with id set to api, such as this one
    within your HTML page." The div element is where B2C inserts the login page. Suggest you work through the example in the link I posted.     – rbrayb Dec 23 '21 at 02:03
  • Ok thank you @rbrayb – Nicolas Dec 23 '21 at 02:28
  • I am still confused, I understand that I can change the style of the custom policy's content with css, but how do I add text? is it with javascript? – Nicolas Dec 23 '21 at 03:44
  • 1
    It's fine, there is a sample code in js for adding checkbox for showing or hiding password. Thanks for help – Nicolas Dec 23 '21 at 13:18