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

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

Please use plain text.
Developer
greenback
Posts: 528
Registered: ‎10-17-2010
My Device: BlackBerry Z10, DAC

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:

Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB

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

Please use plain text.
Regular Contributor
_NishantShah
Posts: 76
Registered: ‎07-31-2012
My Device: Blackberry

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

Please use plain text.
Regular Contributor
_NishantShah
Posts: 76
Registered: ‎07-31-2012
My Device: Blackberry

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

Exactly the framework should take care of this

 

Regards,

Nishant Shah.

Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB

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

Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB

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

Please use plain text.
Developer
d3v3l0p3r
Posts: 168
Registered: ‎07-19-2012
My Device: Q5, Q10, Z10, Z30, PlayBook

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"
Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB

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

Please use plain text.