I need to customize the UI of the Password Reset Page

[jhan]

Is there any reason why I shouldn’t use this open source approach I saw here?

Customizing the password reset page

So I’ve gone and customized the login page to match my websites, design and naturally wanted to to do the same for the password reset page except all the logic appears to be tied up in the widget, I see no where within the Universal Login Panel > Password Reset pane that shows me any kind of JS to wire up to the HTML I wish to write. Am I missing something here?

Seems to let me do what I need to do … but it is from 2017…

[mauricio]

Hey @jhan,

Have you tried using the customization option that’s available in the Auth0 dashboard?

[jhan]

Hello Mauricio,
I did look at those docs. However, we want to create a customized visual page. For example. We want the label outside of the input button and put css in the page that will add padding and widths to the label and input buttons. It doesn’t seem like that’s a customization option option. Unless I’m missing something? If I am, can you please provide an example?

[mauricio]

Hey @jhan,

I now understand what you mean. Basically, you would like to have more customization options within the theme param that you can pass to Auth0ChangePassword.

Unfortunately, that’s not available at the moment.

It’s worth mentioning that @sgmeyer’s repo should continue to work, given how Auth0ChangePassword works behind the scene. However, it’s also worth mentioning that the /lo/reset endpoint doesn’t have customer-facing support and it’s not affected by our SLAs. This means that its interface could potentially change without notice, breaking the functionality of your custom page.

Our Product team is aware of this gap in functionality for our Password Reset Page, and while it’s not confirmed at this point, there’s a few initiatives that could open more options for customization of said page in the future.

[revital.k]

Hi,
We are too looking for way to customize the password reset page, but on our hand we need full customization of the html. Just like the login page allows to do.
If we supply our own custom html for the login page, we have to give the user the same look and feel on the password reset page, or else it just looks like a broken ux…
Is there an actual ETA for allowing this sort of full customization ?
Or should we use the @sgmeyer’s repo as an example for our needs?

Thanks,
Revital

[konrad.sopala]

Hey there @revital.k!

Unfortunately I believe there’s no ETA on that.

[zachgoll]

Hi there,

I just wanted to open this discussion back up because it seems that it is a highly requested feature (here, here, here, and here).

Are there any plans to support a custom reset password experience like the custom login experience?

Currently, we are using this example repo, but it is not documented anywhere other than a community post, and feels like there should be some sort of “official” recommendation as password resets are a security risk if not done correctly.

I’d love to see this feature, I think it would be a huge value add

[nicolas_sabena]

Hi @zachgoll.
The endpoint (/lo/reset) remains the same (this is exactly the endpoint used by the Auth0ChangePassword widget that runs with the default custom UI), so it’s ok to use @sgmeyer 's repo as an example.
I don’t see Auth0 providin any additional support (like a JS library) to customize the “Classic” password change page (this is just my personal opinion). All efforts point towards the “New” experiences, with less Javascript running in the browser and more server-side logic.