Password Toggle Icon
Application Type
Traditional Web

Hi,


How can I make the toggle icon for the password to stay beside the input?

This is what always happens when the input is invalid, the icon will move below the input box.


Solution

Hi @Ruru ,

Take one parent container and inside that put your text, input field and icon in three child containers as shown in image. set Parent containers width property to fill. set text and icon container width to 1 col and input container to 4 col. Then try to run and see if it works. You can increase or reduce the child containers width accordingly.




Hi,


I'll try that one, hope it works.


Thank you for your help,

Ruru

Hello Ruru,

You can use input with icon widget

Hope this helps!

Regards,

Ellakkiya.S

I did try that one, but I need it to be clickable and will change icon based on if the Password is shown or hide.


Thank you for your help,

Ruru

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.