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

Native Development

Posts: 91
Registered: ‎09-25-2012
My Device: bb10 alpha
My Carrier: free

Implementation of multi level navigation with Cascade

Hello, I want to make a navigation for my application using cascade UI guideline. This navigation has categories and sub categories like the left menu of facabook on Ipad :





So, I m asking you how can I do that ? 

I imagine to use a TabPane to show top Level. But I have no idea how to show sub categorie. Maybe do I have to show them from the Top Level Page. ( a DropDown was the idea).

Or maybe , I can create a left menu with 2 levels? Is there something like this  ? 


Thanks for your help


a lover of Qt
Posts: 1,746
Registered: ‎04-08-2010
My Device: Passport Silver, PRIV
My Carrier: Telekom.de, O2, Vodafone

Re: Implementation of multi level navigation with Cascade

the left menu (SideBar) is only one level


if you only have up to 3 sublevel, you could use a SegmentedControl for this


or you can use the Overflow Menu from ActionBar for your 2ndLevel Navigation ?



ekke (independent software architect, rosenheim, germany)

BlackBerry Elite Developer
BlackBerry Platinum Enterprise Partner
International Development native Mobile Business Apps
BlackBerry 10 | Qt Mobile (Android, iOS)
Workshops / Trainings / Bootcamps

blog: http://ekkes-corner.org
mobile-development: http://appbus.org Twitter: @ekkescorner
Regular Contributor
Posts: 56
Registered: ‎08-21-2012
My Device: BB10
My Carrier: RIM

Re: Implementation of multi level navigation with Cascade

[ Edited ]

Hi dridk,


I think you should go for TabbedPane. Like we see in BB10's AppWorld application!

The main categories can be placed as Tabs. The subcategories you can place as ActionItems inside Tabs seperately. 


Tabs and ActionItem both have placement property. Can be placed on bar and in Overflow menu as well. IMG_00000311.png      IMG_00000313.png



IMG_00000312.png       IMG_00000314.png

Posts: 614
Registered: ‎10-17-2010
My Device: (BlackBerry Z10)-> Q10/Passport Dual Use

Re: Implementation of multi level navigation with Cascade


The implementation was also demoed here. This is Facebook's BB10 app.


Documentation is scarce. I think the tabbed pane customization is a custom control.


Looks amazing.