Navbar element hide

[Yves Senn]

Hey guys,

How could i hide one element of my nav bar depending on a localStorage property?
Any suggestions?

Thank you very much.

Cheers yves

[Alena Prykhodko]

Hello Yves!

You can do it with JavaScript. On Change value Event Run Javascript with your code like the following:

codevar value = localStorage.getItem('value');
if (value == "0") {
Appery('mobilenavbaritem').hide();
} else {'mobilenavbaritem').show();
}/code

where value - localStorage variable

[Yves Senn]

Thank you Alena, will check it out.

[Yves Senn]

Hey Alena,

Didnt quite get how i can do this. In my application its like that.

1. user types credentials

2. service tries login request

3. on success, service maps to localStorage variables and navigates to page "events"

4. on "events" i would like to hide the "adminNav" buttons (3 of them are on different pages, all with same name so far)

   in the on load event of the "events" page it doesnt work somehow.

   cheers and thanks

[Igor]

You can add a simple JS code on page load event to check that this code is working

code
Appery('adminNav').hide();
/code
if it's working then check what value is return to localstorage variable

code
var value = localStorage.getItem('value'); //change the variable name
alert(value);
/code

If you want to use this code on different pages, you should create a JS file with function and call this fuction on Page event.

[Yves Senn]

hey there,

It works now. Thank you very much.

cheers, Yves