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

Thank you for visiting the BlackBerry Support Community Forums.

BlackBerry will be closing the BlackBerry Support Community Forums Device Forums on April 1st (Developers, see below)

BlackBerry remains committed to providing excellent customer support to our customers. We are delighted to direct you to the CrackBerry Forums, a well-established and thorough support channel, for continued BlackBerry support. Please visit http://forums.crackberry.com or http://crackberry.com/ask. You can also continue to visit BlackBerry Support or the BlackBerry Knowledge Base for official support options available for your BlackBerry Smartphone.

"When we launched CrackBerry.com 10 years ago, we set out to make it a fun and useful destination where BlackBerry Smartphone owners could share their excitement and learn to unleash the full potential of their BlackBerry. A decade later, the CrackBerry community is as active and passionate as ever and I know our knowledgeable members and volunteers will be excited to welcome and assist more BlackBerry owners with their questions."

- Kevin Michaluk, Founder, CrackBerry.com

Developers, for more information about the BlackBerry Developer Community please review Join the Conversation on the BlackBerry Developer Community Forums found on Inside BlackBerry.

New Contributor
Posts: 5
Registered: ‎12-27-2010
My Device: iPhone
My Carrier: Movistar
Accepted Solution

Cascades Design Elements Help.



I am a designer and I want to make app mock-ups. However I cannot find out the standard size for the UI elements in cascades. Could anyone tell me de size (width and height in pixels) of these custom elements:

  • Title Bar
  • Lower Action Bar
  • Title bar font and font size
  • The height of an element in a list (like in a contacts app)

Thank you for your help.

Posts: 19
Registered: ‎05-07-2012
My Device: none
My Carrier: none

Re: Cascades Design Elements Help.

Hello 360,
I'm not sure about exact pixel dimensions of all the elements you mentioned, but I can try and point you in the right direction when thinking about designing for BB10.  A good place to start is the design principles document found at http://docs.blackberry.com/en/developers/deliverables/41577/design_principles.jsp.

There is also a photoshop exporter plugin that may be helpful and can be found at https://developer.blackberry.com/cascades/documentation/design/cascades_exporter/install.html


Some documentation/information specifically focused on the items you mentioned:
Title bars: http://docs.blackberry.com/en/developers/deliverables/41577/title_bars.jsp


Action Bars: on my BB10 Alpha the lower action bars are around 140 pixels high and more info can be found at http://docs.blackberry.com/en/developers/deliverables/41577/action_bars.jsp


Fonts and font sizes: http://docs.blackberry.com/en/developers/deliverables/41577/typography.jsp


List Items: The default list items have a height of around 120 pixels (and width of the container the ListView is in unless otherwise specified)



Posts: 19
Registered: ‎05-07-2012
My Device: none
My Carrier: none

Re: Cascades Design Elements Help.

Hey 360,

How are the mock-ups going? Let me know if you have any additional questions or if the information was helpful.