674
Views
3
Comments
Solved
Show/Hide Password
Application Type
Mobile

Hi all,

I'm using Mobile and I've a login screen where I would like to add the possibility to the user see the inserted password before login in the app.

Do you advise me any plugin? I checked the community and I checked the "Toogle Show Password" but it doesn't seems to work (https://www.outsystems.com/forge/component-overview/2627/toggle-show-password), I'm getting this error.

Can you help me?

Thanks in advance!

2021-03-18 21-03-15
Benjith Sam
 
MVP
Solution

Hi Ana,

To use the ShowPassword client action for the mentioned use case you will have to explicitly add 'login-password' style class to the input Style Classes property as shown below

See this sample Screen: ShowPasswordInput

Refer to the attached .oml file

P.S. Or else I would suggest you use the underlying implementation in a generic way as demostarted in the attached .oml file

I hope this helps you!


Kind regards,

Benjith Sam

Mobile_Lab_PasswordInpt.oml
2022-12-07 04-24-30
Neha Lawange

It's working.



Regards,

Neha

2021-03-05 13-56-11
Ricardo Pereira
 
MVP

Hi,

Did you already tried to implement something with the "ShowPassword" client action from OutsystemsUI?

You can do something very simple for that.

Hope this can help.


EDIT: By the way, the component from forge that you place in your post is for Traditional Web, not reactive/mobile.

Best regards,

Ricardo Pereira

2021-03-18 21-03-15
Benjith Sam
 
MVP
Solution

Hi Ana,

To use the ShowPassword client action for the mentioned use case you will have to explicitly add 'login-password' style class to the input Style Classes property as shown below

See this sample Screen: ShowPasswordInput

Refer to the attached .oml file

P.S. Or else I would suggest you use the underlying implementation in a generic way as demostarted in the attached .oml file

I hope this helps you!


Kind regards,

Benjith Sam

Mobile_Lab_PasswordInpt.oml
2022-12-07 04-24-30
Neha Lawange

It's working.



Regards,

Neha

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