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

Web and WebWorks Development

Reply
Developer
interfaSys
Posts: 817
Registered: ‎11-19-2009
My Device: Z10, Q10, 9900, 9790, PlayBook,
My Carrier: T-Mobile UK, Three, O2, Orange, Sunrise, Swisscom

Official beta BB10 theme for Sencha Touch 2.1!

[ Edited ]

Finally something to play with :smileyhappy:

 

http://cdn.sencha.io/touch/related/bb10.zip

--
Olivier - interfaSys ltd
Developing for BlackBerry 10 devices using the Sencha Touch framework.
Please use plain text.
New Developer
mseth
Posts: 24
Registered: ‎10-25-2010
My Device: Not Specified

Re: Official beta BB10 theme for Sencha Touch 2.1!

Hi,

 

Have you had any success compiling the theme.. and if so do you have a screenshot of what it looks like. I was expecting it to look similar to bbUI but that doesn't seem to be the case ... here's a screenshot of what it looks like on my machine.. Also attached is the compiled CSS file for verification --

 

Sencha_BB10_Theme.png

 

Thanks,

Please use plain text.
Developer
interfaSys
Posts: 817
Registered: ‎11-19-2009
My Device: Z10, Q10, 9900, 9790, PlayBook,
My Carrier: T-Mobile UK, Three, O2, Orange, Sunrise, Swisscom

Re: Official beta BB10 theme for Sencha Touch 2.1!

Do you still need help on this? 

The documentation which comes with the zip file is incomplete.

 

Here is how to fix it for people who just want to quickly compile this theme.

1) Make sure you also copy the bb10 folder from the zip into
<project root>/resources/themes/images

2) Now edit your config.rb file in /resources/sass
and replace
$theme-name: 'bb10';
with
$theme-name: '../../../../resources/themes/images/bb10';

3) Now you should be able to go back to your root folder ad type:
# compass compile resources/sass

--
Olivier - interfaSys ltd
Developing for BlackBerry 10 devices using the Sencha Touch framework.
Please use plain text.
New Developer
gordonk66
Posts: 5
Registered: ‎12-23-2012
My Device: Blackberry 10 dev alpha
My Carrier: Sprint

Re: Official beta BB10 theme for Sencha Touch 2.1!

Yeah the theme isn't really close to bb10 styles. I had to do a ton of custom styling on buttons and toolbars to get the sizing and color correct. There is also a cross cut component included that needs a lot of work to make it legit. So bottom line is the bb10 sencha theme will get you pointed in the right direction, but will require a lot of customization for anything close to native bb10 look and feel.
Please use plain text.
Developer
interfaSys
Posts: 817
Registered: ‎11-19-2009
My Device: Z10, Q10, 9900, 9790, PlayBook,
My Carrier: T-Mobile UK, Three, O2, Orange, Sunrise, Swisscom

Re: Official beta BB10 theme for Sencha Touch 2.1!

The good news is that it will all change starting from 2.2. The new theme structure makes it easy to override a default theme like bb10, but that theme should also be much improved in the coming weeks/months.

--
Olivier - interfaSys ltd
Developing for BlackBerry 10 devices using the Sencha Touch framework.
Please use plain text.