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

Native Development

Reply
Highlighted
Developer
Posts: 163
Registered: ‎01-30-2013
My Device: Blackberry 10 Simulator

Create a left side menu-help

[ Edited ]

Hello,

 

in my app I want to have a menu which shows from a left side.

I saw a similar post on the forum here which suggests one

should use TabbedPane.

 

I checked it and it is indeed posible to showTabbedPane items

on the left just the TabbedPane has a completely different

functionality and purpose to my understanding as to a simple

menu. Am I wrong?

 

Is TabbedPane the only way to create such a menu which comes

out from the left? I checked this tutorial: http://developer.blackberry.com/cascades/documentation/ui/navigation/single_screen.html#joh134918165...

which teaches how to create an action menu that shows from

the right -- this is exactly what I need, just to be shown from the left.

Any help?

 

Also I wanted that the action menu be accessible only when a certain page

is shown. Is it possible/How?

Developer
Posts: 6,473
Registered: ‎12-08-2010
My Device: PlayBook, Z10
My Carrier: none

Re: Create a left side menu-help

If the TabbedPane isn't suitable, you'd have to roll your own from scratch.

I'd warn against doing that, however, since it would go against the UI Guidelines for BB10 and may confuse users.

Peter Hansen -- (BB10 and dev-related blog posts at http://peterhansen.ca.)
Author of White Noise and Battery Guru for BB10 and for PlayBook | Get more from your battery!
Developer
Posts: 163
Registered: ‎01-30-2013
My Device: Blackberry 10 Simulator

Re: Create a left side menu-help

[ Edited ]

Thanks for your reply.

 

Do you know if it would be possible to add a SearchBar on top of the TabbedPane??? (if it is shown on the left).

 

And also maybe to have sections between Tabbed Pane items???

 

ps. If no, could you please tell me in general how it is possible to implement a functionality where you make one page scroll to the right and another show from the left?? for example like here: facebook-side-menu-pull.jpg

 

You see, the facebook page has been moved to the "right" - and another page has come out from the left - how would I be able to do it using two generic "Page" objects?? (in C++ say).

 

btw. This image also has the search bar and a section I mentioned in the top of my post.

 

Your input might be very helpful to me. Thanks.

 

Developer
Posts: 6,473
Registered: ‎12-08-2010
My Device: PlayBook, Z10
My Carrier: none

Re: Create a left side menu-help

I would say it's likely not possible to modify the TabbedPane in any way like that, at the moment.

For the functionality in question, I'd suggest not getting stuck on the idea of "two Pages", since you probably can't do this with Pages. Instead, think of integrating the menu functionality into a single Page, with two Containers (roughly), one of which you can slide over to the right to reveal the other one which acts as the menu.

I haven't tried any of this myself.

Peter Hansen -- (BB10 and dev-related blog posts at http://peterhansen.ca.)
Author of White Noise and Battery Guru for BB10 and for PlayBook | Get more from your battery!
Developer
Posts: 163
Registered: ‎01-30-2013
My Device: Blackberry 10 Simulator

Re: Create a left side menu-help

Can I implement this sliding functionality with Containers??

 

Actually, the image I uploaded is very similar to what I want to achieve.

And actually, on the right hand side (the facebook part on the attached image), I want

to have a NavigationPane -- that is why I am thinking just a container might not be enough??

(When user opens the right "dialog" I want there to be pages so that user can navigate

through pages -- that's why a NavigationPane).

 

What are your recommendations? How to achieve this functionality?

 

Thank you.