Forum | Appery.io

Thanks a lot Max.
if i define page template with navgarbar with 3 items in it
where to define click events for the navbaritems?. IF i define Navbar item click event at the page tempalte level should that be fine?

i have impleneted pagetemplate with navigationbar as footer for the template
it words great.
only thing is how to make make navbaritem active using custom javascript.
as pagetemplate does not have active navbaritem. based on the the user selection i am navigating to different page. on the pageload i need to make corresponding navbaritem as active.
how to make navbaritem active using custom javasctipt of pageload

Hello! Try to put this code on every page on Page Show event:

var navbar = $("[data-role='navbar']:visible");
if($('.tg-state-persist', navbar).length == 0) {
$(".ui-btn-active", navbar).addClass('tg-state-persist');
} else {
$(".ui-btn-active", navbar).removeClass('ui-btn-active');
$(".tg-state-persist", navbar).addClass('ui-btn-active');
}

It did not work. may be i am missing something.
i have shared my app support@tiggzi.com
please let me know.

Thank's. I'll update as soon as I'll have information.

canu please give your email id also.
so that i can share it you

app i have already shared to support@tiggzi.com
appname: ramtiggzitestapp

Hello! It seems that the problem is in template. When you create NavBar with three tabs it means that you have to create three screens with NavBar and on each screen make on of the NavBar tab active, but you have on each screen the same active NavBar item, because you use screen template. Please try to create three screens, on each screen add NavBar component, make NavBar item active and add code I provided above. You'll get NavBar as here http://jquerymobile.com/demos/1.1.1/d...