Toggle show/hide password for native

0
Hello everyone, I'm currently working on a Mendix native app and I need to implement a feature where users can toggle the visibility of their password in a password field. Specifically, I want to add an eye icon next to the password field that, when clicked, toggles between showing and hiding the password. Could anyone guide me on the best way to achieve this in Mendix? Are there any specific widgets or microflows that can be used to implement this functionality? Any examples or step-by-step instructions would be greatly appreciated. Thank you!
asked
3 answers
0

Can you try adding a button that toggles a boolean? And then duplicate the password input field, and then show as password true/false based on that boolean.

answered
0

Hi Reemali Patil

 

  • Download the widget using this link: ToggleShowPassword Widget.

  • After downloading, drag the widget under the password fields and click the widget's upload eye icon image (without background image).

 

answered
0

Hi Reemali,

     To implement this you need to add helper attribute as IsVisible, Then add two text box in the page One with show as password true and another as false. Then add two buttons one with eye open and another with close calling a nanoflow/Microflow by changing boolean value (if $Object/Isvisible then false else true).

Then add a container for text box and eye button separately with one for isvisible and another for isvisible = false.

answered