This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(89.60000000000001, 20%, 18%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBO%3C/text%3E%3C/svg%3E)
I'm using custom policies to create an Azure AD B2C custom sign-in flow. We're currently using one of the default templates for the sign-in page, but I'd like to add an additional URL to the signin page which provides a link to documentation for users having trouble signing in.
I've tried to follow https://learn.microsoft.com/en-us/azure/active-directory-b2c/customize-ui-with-html?pivots=b2c-custom-policy to add custom HTML to the sign-in page, I've hosted an HTML file with the following content on an azure blob store:
<div id="api"></div>
<div>
<a href="https://www.placeholder.com">Having trouble signing in?</a>
</div>
and added a contentdefinition to my TRUSTFRAMEWORKEXTENSIONS policy to point to this HTML file.
<ContentDefinition Id="api.signuporsignin">
<LoadUri>https://<blobstorepath>.blob.core.windows.net/azure-b2c-html/help-link.html</LoadUri>
<RecoveryUri>~/common/default_page_error.html</RecoveryUri>
<DataUri>urn:com:microsoft:aad:b2c:elements:contract:unifiedssp:2.1.5</DataUri>
<Metadata>
<Item Key="DisplayName">Signin and Signup</Item>
</Metadata>
</ContentDefinition>
When I do this my login page does get updated with the new link, but it also loses all formatting and company branding. I understand I could update the HTML file I'm linking to to contain all the necessary CSS and HTML but I'd really rather avoid that, I just want to use the standard template I already have but with a link added to the bottom, how can I achieve that?
I've also tried using localization strings to achieve this (https://learn.microsoft.com/en-us/azure/active-directory-b2c/localization-string-ids#sign-up-and-self-asserted-pages-user-interface-elements)
I thought I could use the disclaimer_link_1_url for this purpose, but that field isn't available on the signin page.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(256, 32%, 34%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EMT%3C/text%3E%3C/svg%3E)
If you define a custom HTML policy then you are completely responsible for the HTML, including styling. Basically instead of Azure providing the default HTML it renders your HTML file instead. Inside your HTML you have to tell Azure where to inject its "sign in" elements. This gives you complete control over the formatting.
To inject something into the existing template while keeping its styling you should download the template that you want to use from Azure. The templates are available in the documentation link you provided. Download the template, add your custom HTML where you need it and store it in Azure. If you ever want to change the styling of the template (from say classic to blue), then you'll need to grab the new HTML and update it again.
We have modified the existing template using the "company branding" page on the azure portal to provide a custom background image and banner logo. Am I right in assuming that I'll need to manually apply these to the template when I download it as well?
Ah no looks like we retain those using the standard templates, thanks for your help!