How to localise the continue button for TOTP controls in B2C custom policies?

Question

We are using Azure B2C custom policies to provide users a custom sign-in/sign-up experience with localised text in each of the steps to support the user. MFA using the TOTP controls is one of the steps. We managed to localise everything except the "Continue" button at the bottom of the page.

Is it possible to localise this button? Or is this an issue in the TOTP control? We tried customising it in using a localised string :

<LocalizedResources>
	<LocalizedStrings>
		<LocalizedString ElementType="UxElement" StringId="button_continue">Doorgaan</LocalizedString> 	
	</LocalizedStrings>
</LocalizedResources>

And also through settings a MetaData item. Neither of the options work.

<!-- Self-asserted technical profile that verifies the TOTP-->
<TechnicalProfile Id="Base.MFA.OTPVerification">
   <DisplayName>Sign in with Authenticator app</DisplayName>
   <Protocol Name="Proprietary" Handler="Web.TPEngine.Providers.SelfAssertedAttributeProvider, Web.TPEngine, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" />
   <Metadata>
      <Item Key="language.button_continue">Doorgaan</Item>
   </Metadata>
   <!-- etc -->
</TechnicalProfile>

Answer 1

Hi @Jan-Willem , in your example, you have already set the language.button_continue metadata item to "Doorgaan". However, you need to make sure that the ContentDefinitionReferenceId of the self-asserted technical profile that verifies the TOTP is set to the correct value.

<TechnicalProfile Id="Base.MFA.OTPVerification">
  <DisplayName>Sign in with Authenticator app</DisplayName>
  <Protocol Name="Proprietary" Handler="Web.TPEngine.Providers.SelfAssertedAttributeProvider, Web.TPEngine, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" />
  <Metadata>
    <Item Key="ContentDefinitionReferenceId">api.selfasserted.totp</Item>
    <Item Key="language.button_continue">Doorgaan</Item>
  </Metadata>
  <!-- etc -->
</TechnicalProfile>

Make sure that the ContentDefinitionReferenceId is set to api.selfasserted.totp and the language.button_continue metadata item is set to the localized string you want to use.

Please let me know if you have any questions and I can help you further.

If this answer helps you please mark "Accept Answer" so other users can reference it.

Thank you,

James