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
Developer
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Dropdowns near bottom of the screen: can't access all options

I have a screen with several dropdowns on it. For the ones that are near the bottom of the screen it seems impossible to actually reach and select all the options when the app is running.

 

I'm wondering: Is this a bug in Cascades or is there a specific workaround for this that I don't know about?

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

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

Re: Dropdowns near bottom of the screen: can't access all options

I would try updating the UI for this type of scenario. Detect if the user is on the dropdown at the bottom of the screen...then change visibility or translationX or translationY on components above tat drop down. This will shift the dropdown to the upper portion of the screen making for a great UX.

 

That's how I would do it. Think about what is relevant to the user at any given point in their interaction with your app and respond accordingly.

 

:Rockon:

Developer
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: Dropdowns near bottom of the screen: can't access all options

I suppose I could. But: shouldn't the framework itself take care of this scenario?

On Playbook, a dropdown would automatically open upwards in this scenario for example...

 

That's why I figured this may be a bug rather than something we're supposed to deal with ourselves in our code.

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Regular Contributor
Posts: 76
Registered: ‎07-31-2012
My Device: Blackberry
My Carrier: Vodafone

Re: Dropdowns near bottom of the screen: can't access all options

I faced the same issue. I did manage to find a workaround. Try putting whole container in a Scroll View.

 

Regards,

Nishant Shah

Regular Contributor
Posts: 76
Registered: ‎07-31-2012
My Device: Blackberry
My Carrier: Vodafone

Re: Dropdowns near bottom of the screen: can't access all options

Exactly the framework should take care of this

 

Regards,

Nishant Shah.

Developer
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: Dropdowns near bottom of the screen: can't access all options

For now I have decided to have these screens be in portrait mode which effectively cures the problem. It's not ideal because the main screen of this app is actually landscape only but at least now I'm effectively avoiding the issue.

 

But yes, I also think the framework should deal with this by itself in an elegant way. Like on PlayBook for example.

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Developer
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: Dropdowns near bottom of the screen: can't access all options

This issue is also hairy when using a Tabbed Pane. If a dropdown is low at the screen, the dropdown will go behind the tabs which is rather crappy.

 

 

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Developer
Posts: 175
Registered: ‎07-19-2012
My Device: Q5, Q10, Z10, Z30, PlayBook
My Carrier: Carrier

Re: Dropdowns near bottom of the screen: can't access all options

I dnt have this issue in Beta 3... As someone suggested above if you put all DropDowns and other screen elements into ScrollView the framework will scroll up/down and always ensure the expanded DropDown is in view. At least this is how it workd for me.

---
If you find my post helpful please "like" it and "accept as a solution"
Developer
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: Dropdowns near bottom of the screen: can't access all options

Guess a ScrollView will have to do. I still think the Framework should handle this though. Like how PlayBook dropdowns can appear pointing upwards in this situation. 

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App