Web and WebWorks Development

[burakk]

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

[zahirw]

Take a look at this example

http://blackberry.github.com/WebWorks-Samples/kitchenSink/html/browser/toolbars.html

Should fit your needs.

[burakk]

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

[vitalyx]

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.

[burakk]

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.

[astanley]

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?

[burakk]

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?

[pgallar]

Can you resolve this? I need the same navigation bar