Azure AD B2C UI customization for custom policy

Question

How can i use my own designed UI for azure AD B2C custom policies. i am using this sample for custom policy.

Answer 1

A content definition enables a custom flow to refer to a custom page.

For example, if you're wanting to show a custom page for the sign-up or sign-in step, then you must set the LoadUri attribute of the api.signuporsignin ContentDefinition element, as follows:

<BuildingBlocks>
  <ContentDefinitions>
    <ContentDefinition Id="api.signuporsignin">
      <LoadUri>https://contoso.blob.core.windows.net/templates/unified.html</LoadUri>
      <RecoveryUri>~/common/default_page_error.html</RecoveryUri>
      <DataUri>urn:com:microsoft:aad:b2c:elements:unifiedssp:1.0.0</DataUri>
      <Metadata>
        <Item Key="DisplayName">Signin and Signup</Item>
      </Metadata>
    </ContentDefinition>
  </ContentDefinitions>
</BuildingBlocks>

Note that the sign-up or sign-in step references the api.signuporsignin content definition as follows:

<UserJourneys>
  <UserJourney>
    <OrchestrationSteps>
      <OrchestrationStep Order="1" Type="CombinedSignInAndSignUp" ContentDefinitionReferenceId="api.signuporsignin">

For more information about content definitions, see this reference article .