rammohan.acharyadasa
Posts: 0
Joined: Thu Apr 05, 2012 5:03 pm

How to use MobileNavBar

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?

rammohan.acharyadasa
Posts: 0
Joined: Thu Apr 05, 2012 5:03 pm

How to use MobileNavBar

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

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

How to use MobileNavBar

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');
}

rammohan.acharyadasa
Posts: 0
Joined: Thu Apr 05, 2012 5:03 pm

How to use MobileNavBar

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

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

How to use MobileNavBar

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

rammohan.acharyadasa
Posts: 0
Joined: Thu Apr 05, 2012 5:03 pm

How to use MobileNavBar

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

rammohan.acharyadasa
Posts: 0
Joined: Thu Apr 05, 2012 5:03 pm

How to use MobileNavBar

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

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

How to use MobileNavBar

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...

Return to “Issues”