Show password feature

Question

Hi Max,

I'm currently looking into replacing the registration and profile page by a Chronoform. I would do this because then I can set the email address as username and users would not need to fill out a seperate username. Also I'm not really fond of Joomla's date picker for custom fields.

But there is one thing that makes me hesitate.

On the Joomla registration page it is extremely handy that you have the possibility to make the password visible:

This is not available in Chronoforms. This would really improve the usability and then users wouldn't need to enter the password twice.

Is this something that you might foresee in the future?

Best regards,

Bart

Max_admin · Accepted Answer

Hi Bart

With some JavaScript code you can do the same, in your password field enable the Icon behavior an setup like this:

Forums image 1

Then add a JavaScript view and setup like this:

Forums image 2

Here is the code:

document.querySelectorAll("[type='password']").forEach(input => {
    input.closest(".field.holder").querySelector("svg.eye") && 
    input.closest(".field.holder").querySelector("svg.eye").addEventListener("click", e => {
        if (input.type === "password") {
            input.type = "text";
        } else {
            input.type = "password";
        }
    })
})