1054
Views
6
Comments
Solved
how to show/hide password in Reactive?
Question
Application Type
Reactive

Hi All,

I wanted to show the password on click of (eye) button. I have tried Toggle Password but It is based on the Traditional Application that is not working in Reactive Application.

Can show into the below image.

Thanks 

Prince

2021-06-02 20-50-04
Márcio Carvalho
Solution

There is an action from OutSystemsUI that you can use.

Look at the OML that I created that has the logic already with an example to show password. 

Kind Regards,

Márcio



showPassword.oml
2024-06-24 04-49-49
Princi

Thanks Marcio, This really helped me. It's done now. :)

2021-06-02 20-50-04
Márcio Carvalho

Glad that I could help you. 🙂

Kind Regards,

Márcio

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

Hi Prince,

In addition, refer to this forum post also: Show Hide Password


Kind regards,

Benjith Sam

UserImage.jpg
Hakim Tai

Hello Marcio,

your Input Text Alignment not coming on the left can you tell me how can I align it to left

2022-07-13 15-07-44
Eduardo Hunhoff

Hello,I had the same problem, you can use this JavaScript in reactive, mobile and web applications 


var inputPassword = document.getElementById($parameters.Input);

var typeInputPassword = inputPassword.type;if(typeInputPassword === 'password')

   inputPassword.setAttribute('type', 'text');

}

else{    

inputPassword.setAttribute('type', 'password');

}

You will need to pass an input parameter in JavaScript, which will be the password Input Id

This JavaScript will also work if you have two password fields


Kind regards, 

Eduardo Hunhoff

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