Forum | Appery.io

Could you provide guidance on how to implement the Remember Me and Remember Password option that Appery has on the Login Screen for its App?

(1) How to implement the sliding green toggle switches and placing text (Remember me, Remember password) in front of each toggle switch. The toggle switch is obvious, but customizing it and placing text in front of it, is not.

(2) How to populate the user and pass fields of the login screen with previously entered data.

Hello!
1) Save necessary data into localStorage
2) Add any text to Toggle component on Properties panel. If there is not enough space for text you would need to customize Toggle with CSS
3) "How to populate the user and pass fields of the login screen with previously entered data" - if this data is in localStorage use Set property action on page Show event by binding element to localStorage variable

Awesome, once again. Thanks Maryna!

I find that the password does not populate. IS that because of security concerns? Or am I missing something? I checked that password is in the response of the login service and saved to a local storage variable. TIA

Hi Ed,

There could not be password in any response cause of security reason and password not stored in DB(only secured soled hash stored).

But you have password on your page (in some input where user type it). So you can get it with following JS code:

pre

//Where "passwordInput" is password input name.
var password = Apperyio("passwordInput");

alert("password is " + password);

/pre

Regards.

I want to do the same thing except I am more confused. What do I save in local storage? The input boxes? Then I set them and bind it to a component. I understand that. But then how do I display the username/password? Is it a list service or what?

Then where exactly to I implement this code??
//Where "passwordInput" is password input name.
var password = Apperyio("passwordInput");
alert("password is " + password);

Hello Elen.
1)You can add your code after fields validation on login click event for instance.
2) Please, use Set property action on page Show event by binding element to localStorage variable to show saved credentials from last successful login.

How do I save it "after validation"? I am still confused...

Hi Ellen,

You can save any data in LSV with following JS code:

localStorage.setItem("lsvName", "lsvData");
Please read more about it here: http://www.w3schools.com/html/html5_w...

Regards.