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
burakk
Posts: 149
Registered: ‎04-23-2011
My Device: BlackBerry 9700 Bold
My Carrier: Turkcell

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

 

Please use plain text.
Trusted Contributor
zahirw
Posts: 134
Registered: ‎04-15-2012
My Device: Bold 9900
My Carrier: Vodafone

Re: Paged navbar at the top of the page

Please use plain text.
Developer
burakk
Posts: 149
Registered: ‎04-23-2011
My Device: BlackBerry 9700 Bold
My Carrier: Turkcell

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.

Please use plain text.
Contributor
vitalyx
Posts: 27
Registered: ‎03-20-2012
My Device: Playbook
My Carrier: Tele2

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
Please use plain text.
Developer
burakk
Posts: 149
Registered: ‎04-23-2011
My Device: BlackBerry 9700 Bold
My Carrier: Turkcell

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.

Please use plain text.
Administrator
astanley
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.
Please use plain text.
Developer
burakk
Posts: 149
Registered: ‎04-23-2011
My Device: BlackBerry 9700 Bold
My Carrier: Turkcell

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?

Please use plain text.
New Member
pgallar
Posts: 1
Registered: ‎07-18-2012
My Device: Curve 8520
My Carrier: Personal

Re: Paged navbar at the top of the page

Can you resolve this? I need the same navigation bar
Please use plain text.