Sencha Inc. | HTML5 Apps


Introducing BlackBerry 10 Support to Sencha Touch

February 05, 2013 | Jamie Avins

BlackBerry 10 Hero

We’re excited to announce the availability of BlackBerry 10 support for Sencha Touch! Developers can use Sencha Touch 2.1.1 to create amazing web applications that run fantastically well on the BlackBerry 10 browser. We’ve been collaborating with the team at BlackBerry for the last few months on two paths: first, to optimize Sencha Touch to run on the BlackBerry 10 browser, and second, to build a whole new theme and a set of components to make building BlackBerry 10 applications as easy as possible. Developers can use these new features in Touch 2.1.1 to build new BlackBerry 10 applications or port existing Sencha Touch apps over to run on the BlackBerry 10 platform. BlackBerry has published a handy guide for porting applications.

Download Sencha Touch 2.1.1

Let’s dig in to the details of the new theme and the new components.


Once you download the latest version of Touch, if you want to check out the theme, you’ll need to enable it. As with all of our themes, in the resources/scss directory, there is a new “bb10.scss” file, which can be used to compile the theme from scratch. Of course, the compiled theme already exists in resources/css as bb10.css.

If you want to get up and running quickly, in examples/kitchensink/app.json, there’s a section of JSON you can uncomment (make sure to comment out the default app.css) to enable the BlackBerry 10 theme for the Kitchen Sink. Load it up in your browser, and you’ll see the Kitchen Sink look and behave like a BlackBerry application.

BlackBerry 10 Icons BlackBerry 10 List


In addition to the BlackBerry 10 theme, we’ve included a new component that is central to building a BlackBerry user experience: the CrossCut menu. The Kitchen Sink, when viewed from the BlackBerry 10 browser automatically uses the CrossCut menu for navigation, but if you’re interested in using the component, it’s the new component (xtype: crosscut).

BlackBerry 10 Cross Grid

We’re excited to have had the chance to work with the BlackBerry team to help make this happen and wanted to say thanks to teams there for collaborating with us to help get Sencha Touch to BlackBerry 10. Build new apps for BlackBerry or port your existing apps, either way, Sencha Touch makes it easy to build to stay on top of device diversity and get to new platforms like BlackBerry 10 as fast as possible.

There are 11 responses. Add yours.


2 years ago

Glad to hear it! FYI, when you try to download the commercial version by entering your email address, you get an email with a link to 2.1.0, not 2.1.1.

Also, is there a new version of Sencha Cmd required for this version?

Don Griffin Sencha Employee

2 years ago

The current version of Cmd is 3.0.2 and can be found here

Aditya Bansod

2 years ago

@JW—thanks for finding that in the email, it’s been fixed.


2 years ago

I already made and submitted on App World one application for BB 10 using Sencha Touch 2.  Hope it will approve.

Dominic Watson

2 years ago

Changelog is so difficult to find. Would be great to link to it in this post

John doe

2 years ago

@yeah. You could have done that, too (-.-)

Brandon Martin

2 years ago

Great news.  I gave up on Sencha Touch because I was struggling with the learning curve and the initial beta of the BB theme wasn’t competitive with the beautiful aesthetics of the jQuery Mobile theme… but JQM is hardly snappy even with BB10’s hardware acceleration.  I’ll look forward to coming back to Sencha!

Does this theme have a swipe down component for BB10 style swipe-down settings? 


Aditya Bansod

2 years ago

@Brandon—the crosscut (side swipe) is supported via a new component.

Kazuhiro Kotsutsumi

2 years ago

I translated it into Japanese.

Provision: Japan Sencha User Group


2 years ago

@Brandon - Swipedown and peek are missing and the theme is very basic and innacurate. The official BB10 icons are not even used.
I’ve heard that things will be better with 2.2, although there won’t be an easy way to use the official icons.

David Smith

2 years ago

what is gravatar?

Comments are Gravatar enabled. Your email address will not be shown.

Commenting is not available in this channel entry.