Customizing login and password reset screens in new universal login

Get Help
,
1

Good day
We are currently implementing the new universal login in our application and we are trying accomplish 2 customizations:

  1. In the login screen, we would like to have a link at the bottom of the page that links out to our t&c’s page. The only thing I could find that comes close is to use a form but that requires a checkbox to be checked to accept the t&c’s
  2. On the password reset screen, is it possible to show the “already registered” and sign in option conditionally?

Thanks!

3

Hi @rowen, and welcome to the Auth0 Community!

I will do some research and come back to you with an answer as soon as possible.

Kind regards,
Teodor.

4

Hi again, @rowen, and thank you for your patience!

You can add your terms and conditions link at the bottom of the page by creating a template for your Universal Login Page. Please check out our docs for this feature.

Essentially, you will call the Management API’s PUT /v2/branding/templates/universal-login endpoint to set a template that contains your custom HTML/CSS/JS that renders the link after the {%- auth0:widget -%} tag.

As for your second question, it’s not possible to conditionally render different elements using the New Universal Login. To achieve this kind of customization, you will have to use the Classic Login Experience. It provides you with a full HTML template that you can edit. This gives you complete control over the page’s structure, and you could use JavaScript to add conditional logic to show or hide any element you wish.

I hope this information answers your questions!

Have a great day!
Teodor.

5

Hi @teodor.andrei
Thank you for looking into this for us and providing the necessary documentation. I have been trying to retrieve out existing template, but it seems te only way this customization will work is if we set up a custom domain? Trying to execute the yields the following result

{
“statusCode”: 403,
“error”: “Forbidden”,
“message”: “This feature requires at least one custom domain to be configured for the tenant.”,
“errorCode”: “operation_not_supported”
}

6

Hi again @rowen!

Yes, unfortunately, that is the case. As mentioned in the docs, to use customized page templates, you must configure a Custom Domain for your tenant.

Kind regards,
Teodor.

7

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.