Lock: Customizations to Lock don't show in change password screen

[yvonnewilson]

https://auth0.zendesk.com/agent/tickets/6150

Customer made style changes (color etc) to Login screen in Auth0 dashboard (Login page tab) and these changes show up in Lock for login mode but not for change password mode.
Customer needs the customizations to show up in change password mode also.

Changing something like dict: 'es' works for both, but style changes do not, so behavior is inconsistent.

[gnandretta]

@yvonnewilson I've tried setting the primaryColor option to change the color of the submit button and the header and it works on every screen. Is the customer using that option? how is changing the styles? is using CSS?

[arcseldon]

@gnandretta - primaryColor does not work for me :(

Here is code snippet:

auth.signin({
     .....
      primaryColor: '#5323ea',   // dark blue
     ....

Then login / reset password looks like this:

and the password reset screen (after clicking link in email to change password) looks like this:

The icon is missing, the colours are incorrect including the button and header.

Please can you investigate? Feel free to ask if you have further questions etc. Thanks for any assistance.

[gnandretta]

@arcseldon customization don't show up in the widget on the second screenshot becasue is not lock

[arcseldon]

@gnandretta - appreciate your reply, and I realise this.. but am getting a lot of tickets where users are basically saying this destroys the user experience to the extent that they cannot support our change password flow due to the inconsistencies in styling etc. There is a valid point to be made that this is at odds with the rest of the Lock experience.... from an end-user perspective.

[gnandretta]

@arcseldon yes you're right, I've already let the design team know about this

[samjamead]

In case it helps anyone else struggling to customise the Auth0 password reset page, you can edit the page here: https://manage.auth0.com/#/login_page

[hzalaz]

Change password widget is now customizable via dashboard

[broyeztony]

I would rather say it is relatively customizable.
I don't see clearly if and how it is possible to customize the component that gets loaded in

I'm looking for a deeper styling than just setting the icon, primary color.

Can we customize further ? how ?
Is it possible to create our own password_change.html based on the template and host it ?
Thank you for shading some lights on the topic

[hzalaz]

@broyeztony please contact our support team in https://support.auth0.com

[tim-soft]

Why can't Lock contain the change password flow? Like others have said, the hosted widget breaks the experience.

[luisrudge]

@tim-soft that's something that we want to achieve eventually, but we're not there yet.

[mclark-nfocus]

As an additional note, it would be great to have the same settings for the button at the bottom to show a label like on the Login page:

loginSubmitLabel: 'Sign In',

If we could do that for the Password reset it keeps the same look and feel.

[theythinkimmexican]

any update on this? i need to be able to change the text on the button rather than using an image...

[juliano-g-lopes]

Hi, I'm facing the same issue.

For I'd read until now, there are some options that the auth0 dev team could do, but none are applied.

There's a ETA or something like that for this kind of customization?

[luisrudge]

Sorry, no ETAs on this.