Hi everyone!
I’m currently customizing the default password reset page in Auth0 Universal Login. I have customized the widget and eliminated some elements that are not necessary for my UI design. I want to also customize another item. By default, there’s a tool-tip that appears above the password input field, showing a list of password requirements that dynamically change (from red to green) as the user fulfills them.
I’d like to modify the location and structure of the tool-tip so that instead of appearing above the input as a list, it appears just below the confirm password field as a single sentence consisting of comma-separated requirements. I want to present a more compact message that aligns with other pages and looks something like this:
The password should contain at least one lower case letter, one capital letter, one number, and one special character.
My questions are:
-
Is it safe to customize this tool-tip? In other words, can I safely change its location and format without affecting the underlying password validation logic or compromising usability?
-
What’s the best approach to customize this tool-tip while ensuring that I don’t break any functionality?
I’d appreciate any guidance or best practices.
Thanks in advance for your help!