Hei everyone,
I'm trying to make a change password screen where there are 2 inputs
1. old password
2. new password
and somehow i can only toggle password for the old password using "show password" from silk ui
is it possible to make each input has their own toggle password
Thanks
Eric Gunawan wrote:
Eduardo Jauch wrote:
Regarding your problem...
Are you using this forge component?https://www.outsystems.com/forge/Component_Details.aspx?ProjectId=2627
It is meant to be used for a specified input. Works pretty well. You can have more than one associated with different input passwords.
Cheers.
no i'm not, it's a mobile apps
Well..
This information is very important... lolToogle password from Mobile patterns will not work, as it will find the FIRST input password and work on it. Here is this client action:
As you can see, it is very simple to create a new action that executes the JavaScript. You can, for example, pass an argument that is a class and use this argument instead of the '.login-password'. Or the element ID, to guarantee that you are working upon the correct input all the time.
I have a question...
If the page is meant for people that forgot their old password, how are they supposed to type the old password?
:D
ah my bad, i mean change password :p
Are you using this forge component? https://www.outsystems.com/forge/Component_Details.aspx?ProjectId=2627
Thanks Eduardo
Hi, new to JS Scripting.....instead of '.login-password', the element ID for my case is 'Input_NewPassword', am I right?
How should be the JS script? Below is my script...doesn't seems to work.
var inputPassword = document.getElementById("Input_NewPassword").value;var typeInputPassword = inputPaswword.type;if(typeInputPassword === 'password'){ inputPassword.setAttribut('type', 'text');}else{ inputPassword.setAttribut('type', 'password');}
It Works. Thanks
You're welcome :)