How do I use NavBar for PrimeFaces mobile?

I'currently working with PF mobile and for my understanding you're able to insert multiple "tabs" per h:view as described in the manual here (page 9).

Up vote 0 down vote favorite share g+ share fb share tw.

I've been trying to understand how to use the NavBar under PrimeFaces mobile and tried to find the answer both here, on the Primefaces forum and using google but haven't found anything helpful yet. For the showcase I found this part: I don't really agree with having the view "outside" of the NavBar, since I want the NavBar to be the same no matter what "tab" I'm on in my app. Am I understanding this wrong or is this the way it is supposed to be?

If that is the way I could accept that, but the next problem I'm facing is that it uses the slide animation. From what I understand the only option I have regarding the animation is to set it to reverse, but I want to turn it off completely in that case. Have I misunderstood the whole thing?

Does any one have some examples using the NavBar that they like to share that would be very appreciated. // Andreas primefaces link|improve this question asked Mar 6 at 22:38lidholm1.

I'currently working with PF mobile and for my understanding you're able to insert multiple "tabs" per h:view as described in the manual here (page 9). Ergo: ONE h:view MANY pm:view, pm:pages (tabs). If you'd like to show the same NavBar on every tab/page you'll have to make yourself comfortable by adding it in a pm:view outside the pm:page-tags inside an pm:header-tag (for showing it as a fixed NavBar at the top).

It'll be displayed at the top of every page. Otherwise put it inside the pm:page-tag to display a unique NavBar on every tab/page. The slide animation affects only your created pages not the NavBar.

These animations only show up when you implement more than one page. Hope this helped, have fun! Update: I couldn't find my snippet and I wasn't able to recode it.

So I quickly set up a workaround an hope it'll help you. I created an -page in my META-INF-folder containing the global NavBar. NavBar Template After that I included my template in every by referencing with the -tag: ... B View I'm still on it, but I hope this will help you for now.

As soon as I found some time I'll have a deeper look. Cheers!

Thanks for your help. I've tried it, but couldn't get it to work. Have you actually managed to get it to work yourself?

If so, do you have some example? I'm currently thinking I might try to create something similar myself, using javascript, just to see if I can get it to work. – lidholm Mar 7 at 22:14 I've once tried without any logic lying behind.

I'll post it for you if I find it. – SimonSez Mar 8 at 0:07 I tried the other suggestion you had as well, but with that I still slides the whole page and not only the component section as I wanted. I will continue to look for a solution, might have to dig a little deeper into how primefaces mobile really works though.

Thanks for your help – lidholm Mar 11 at 9:59.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.