Custom login and password reset UI customization

We have strict requirements around the login/password reset UI, our branding, accessibility and the need for some custom javascript on the password reset page. Having investigated the various options the closest we can get is to use customize login page > custom login form template, and customize password reset page. The issues we’re facing are:

  1. Custom Login Form template renders perfectly well once styled, except there is no link to ‘reset password’ (although this is rendered by the Lock template). How do we create this link to Universal login’s password reset page?

  2. If we can create the link to the customized password reset page, am I correct in the assumption that this page’s styling options are much more limited as it essentially renders a widget, the contents of which cannot be styled, only the surrounding html? To me it looks like password reset is based on the lock template, and there are no other full customisation options like the one we get in the login page with the custom login form template.

Hi @Solarbeetle!

Welcome to the Auth0 Community!

I understand that you are working on the Custom Login Form. Can you clarify one thing? The link to the password reset page you want to create: do you want to direct users to the New Universal Login’s password reset page or a custom password reset page using Classic Login?

Best,

Mary Beth

Hi Mary Beth

Thanks for the response!

Excuse me if I get the terminology wrong, but I think we are using universal login, but want to customise the password reset page as we have a requirement to add some custom javascript code. So in the dashboard, I have gone branding > universal login > Advanced options > password reset > selected ‘customise password reset page’. Does this count as classic now? FYI, We are doing the same with the login page itself.

Thanks in advance

Paul

Hi @Solarbeetle,

Thank you for clarifying! Yes, customizing the password reset page with custom HTML in the Dashboard enforces Classic Login. Can you provide a screenshot of what your login widget looks like now sans password reset link? I am a bit confused as to what you mean by “there is no link to 'reset password (although this is rendered by the Lock template)” and seeing it would help.

Thanks,

Mary Beth

Hi Mary Beth

Attached is a screenshot of the custom login page I have created using the ‘custom login form’ template. As you can see, there is no password reset link.

Thanks

Paul

Hi @Solarbeetle,

Thank you for the screenshot - I understand now! Can you kindly provide the tenant name so I can take a look internally and do some testing? You can add it as a comment or send it to me privately.

Thanks,

Mary Beth

Hi Mary Beth

Thanks for taking the time to understand what I’m trying to achieve. You’ll be pleased to hear that we have found a solution - setting up a custom domain was the answer so that I can use the CLI and the Auth0 customization editor to make more granular changes to the page templates. So far, it’s looking very promising!

Thanks again.

Paul

1 Like

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