Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Developer
Posts: 149
Registered: ‎04-23-2011
My Device: BlackBerry 9700 Bold

Scrolling navbar at the top of the page

[ Edited ]

Hello,

 

I am new to WebWorks development and would like to get advice about implemeting a navigation bar for my application. I need a fixed nav bar at the top of the screen, however a scrolling one. I looked at jQuery Mobile, but it allows up to 5 items. If more, another row is added below. I need something like the one shown below. Thanks in advance,

 

Burak

 


navbar

 

Trusted Contributor
Posts: 134
Registered: ‎04-15-2012
My Device: Bold 9900

Re: Paged navbar at the top of the page

Developer
Posts: 149
Registered: ‎04-23-2011
My Device: BlackBerry 9700 Bold

Re: Paged navbar at the top of the page

Thank you zahirw, but I need a scrollable tab bar (for navigation) in header or footer.

Contributor
Posts: 27
Registered: ‎03-20-2012
My Device: Playbook

Re: Paged navbar at the top of the page

You can use iScroll 4 for this: http://cubiq.org/iscroll-4

Just hide the scrollbar so that it is not visible and then scroll the content with the iScroll's scrollTo or scrollToElement methods when right/left button is clicked. The user will also be able to scroll the content by swiping.

Best webOS stock market app comes to Playbook: Top Stocks
Developer
Posts: 149
Registered: ‎04-23-2011
My Device: BlackBerry 9700 Bold

Re: Paged navbar at the top of the page

Thank you vitalyx, I began using TabStrip widget of Kendo Mobile framework which makes more than 5 tabs possible. I will also have a look at iScroll 4.

Retired
Posts: 1,382
Registered: ‎07-02-2009
My Device: BlackBerry Bold 9900
My Carrier: Bell

Re: Paged navbar at the top of the page

Kendo huh?  Nice. We met their DevRel team recently and made sure they were equipped to properly support the BlackBerry Web platform.

 

 

May I ask which devices are you targeting with this app?

Follow me on Twitter: @n_adam_stanley
-------------------------------------------------------------------------------------------------------------------------
Your app doesn't work? Use BlackBerry remote web inspector to find out why.
Developer
Posts: 149
Registered: ‎04-23-2011
My Device: BlackBerry 9700 Bold

Re: Paged navbar at the top of the page

I began with OS 5+ devices in my mind, but it seems that I will be targeting only OS 6+ devices.

 

I have started with Kendo, but after seeing that the app does not even get rendered in Ripple simulator just like in normal browsers, I am probably going for some other solution.

 

All I need is a fixed header with tabbed nav bar (6 items) and scrolling a list view below. Any suggestions?

New Member
Posts: 1
Registered: ‎07-18-2012
My Device: Curve 8520

Re: Paged navbar at the top of the page

Can you resolve this? I need the same navigation bar