AD B2C custom policy UI

Question

AD B2C custom policy UI

Niren Adhikary (NAD) 146

Hello,

In the AD B2C custom policy user flow we have below screen.

We would like to remove the Continue button from the flow . How can we do that ?

We don't need the continue button and Send verification button should be sufficient to redirect user to next page. Sometimes the page takes time to load/redirect to next and user gets a page to continue if the user click continue it returns an error message.

The next screen is below.

Here also we don't want a continue button and verify code should be sufficient.

2 answers

Your answer

Answer 1

Shweta Mathur 30,296 Microsoft Employee Moderator

Hi @Niren Adhikary (NAD) ,

Thanks for reaching out.

I understand you are looking to remove continue button and want to add continue button functionality into verify code button.

Unfortunately, you can't do this using User Flow or Custom Policy. You need to use custom HTML page with JavaScript/CSS to update any UI.

JavaScript is officially supported with B2C. So anything you cannot do directly via user flow or custom policy, you can use JavaScript for that purpose.

Reference: https://learn.microsoft.com/en-us/azure/active-directory-b2c/javascript-and-page-layout?pivots=b2c-custom-policy

Thanks,
Shweta

------------------------------------------

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

Niren Adhikary (NAD) 146 Reputation points

2022-06-23T10:04:32.523+00:00

ok. so we develop a custom page ,upload it in storage account and link it in the data URI section of the custom policy. Is that correct understanding ?

May I ask for a high level steps once we develop the custom page. The document only talks about SignUpOrSignin.xml to be updated. I think we also need to update/change the other custom policy xml like TRUSTFRAMEWORKEXTENSIONS or BASE XML file.
Niren Adhikary (NAD) 146 Reputation points

2022-06-23T10:52:38.26+00:00

Also, if the user enter an space in front and then enter the OTP it should give an error but the user can continue and sign in which is a bug. My understanding MS need to fix it in its template for custom policy.
Shweta Mathur 30,296 Reputation points Microsoft Employee Moderator

2022-06-24T08:12:29.197+00:00

Hi @Niren Adhikary (NAD) ,

Your understanding is correct here. You can create your custom page and upload in storage account and modify the extension file to load your custom URI.

Follow this for high level steps: https://learn.microsoft.com/en-us/azure/active-directory-b2c/customize-ui-with-html?pivots=b2c-custom-policy

Thanks,
Shweta

----------------------------------

Please do not forget to "Accept the answer" wherever the information provided helps you to help others in the community.
Shweta Mathur 30,296 Reputation points Microsoft Employee Moderator

2022-06-24T08:17:14.267+00:00

Thanks for your feedback. We will raise this with the product team for future enchantments.

Thanks,
Shweta
Niren Adhikary (NAD) 146 Reputation points

2022-06-24T17:53:31.533+00:00

Hi @Shweta Mathur

Thank you very much for the clarification.

Is it possible to share the template html page for the above user flow ? If so then we tweak the button there itself and upload it in the storage location and fix it.
Niren Adhikary (NAD) 146 Reputation points

2022-07-15T10:10:15.297+00:00

@Shweta Mathur I followed the above documentation and uploaded the custom pages to a container like below

Added it in the data URI section of the TrustFramework Extention custom policy but the page didn't load and returns a blank white screen on implementation.

But if I use a basic html file single file it loads.

Answer 2

Niren Adhikary (NAD) 146

Another defect ,

Step 1

Step 2

Step 3

Can you fix it asap as it is a bug on MS side ?

also Is it possible to get the html templates so we can modify it and link to storage account?

https://learn.microsoft.com/en-us/azure/active-directory-b2c/contentdefinitions

Share via

AD B2C custom policy UI

2 answers

Your answer