Sencha Inc. | HTML5 Apps

Blog

Sencha Touch 1.1 Release with BlackBerry Support

March 23, 2011 | David Kaneda

Today we’re excited to announce the release of Sencha Touch 1.1, which includes BlackBerry 6 support, new list features, new demos, and other enhancements.

Sencha Touch 1.1 adds BlackBerry support to the lineup which already includes Apple iOS devices like iPhone, iPad and iPod touch and Google Android touch screen devices.

BlackBerry 6+ Support

With Sencha Touch 1.1, you can now develop apps for Blackberry 6, the OS of the Blackberry Torch, as well as the new Blackberry TabletOS on the upcoming Playbook tablet. We’ve also made special enhancements to improve animation performance for Blackberry devices that do not have a Graphics Processing Units (GPUs), e.g. BlackBerry Torch. In addition, we’ve included a theme tailored specifically to BlackBerry which uses a “flat” style to minimize CSS3 overhead and again improve performance.

Reseach In Motion (RIM), the makers of BlackBerry devices, was so thrilled by our efforts to help developers create web apps on Blackberry devices, that they are offering a free BlackBerry Torch to the first ten developers to submit an application to BlackBerry App World using our framework!

Read more about the promotion

New features: Pull to Refresh and Pagination

Sencha Touch 1.1 adds a Pull-to-Refresh pluginWe are also excited to introduce our first official plugins for the framework, which also serve as great examples for when you start to create your own class additions. The first feature is a popular user experience paradigm from many iOS apps (including Twitter and Facebook), called “pull to refresh.” By enabling this in your List component, you can now offer users an easy, natural feeling way to refresh list contents by pulling the top of the list down to a predefined point. Data is automatically fetched from your pre-defined data store, so setting up this new enhancement is just a few lines of code.

Additionally, we have introduced pagination, to help improve the data use of List components. You can now simply add in the listpaging plugin, and Sencha Touch will automatically add a link to the bottom of your list which, when tapped, loads the next set of records. You can also set the optional ‘autoPaging’ plugin attribute, so the next set of records is loaded automatically as the user hits the bottom of the list.

New Demo: O’Reilly Conferences

Demo O'Reilly Conference appWe are also including a brand new demo app in this release: A conference app we made in coordination with O’Reilly Conferences. The app features the conference schedule (which automatically defaults to the current day during the conference), speaker information, tweets related to the conference, a map for the venue, a list of YouTube videos relating to the conference, and several plain pages for things like credits and overview — all in under 800 lines of code. One of the most note-worthy pieces of the demo is its use of relationships, which allow us to easily show a list of speaker’s sessions when viewing their bio, and likewise a list of speaker bios when viewing a session.

The custom theme created for the app which provides a unique look and feel and is accomplished with under 90 lines of custom SASS. Great care was taken in optimizing the theme as well, so the entire CSS output (including embedded icons) comes in under 60kb. Lastly, we made the entire app configureable from a single file, so it can be easily modified to accommodate future events.

Performance tweaks and style updates

In addition to the improvements we have made for BlackBerry, we have also made several optimizations specific to Android and are offer almost 3x better scrolling performance. Likewise, we have made several tweaks to resolve minor flickering situations on iOS.

Sencha Touch tutorialsWe’ve also included prominent links to some of our most helpful examples, like building apps that take advantage of HTML5 localStorage or wrapping your web app in a native wrapper by using PhoneGap. Lastly, we’ve also included a variety of style updates to Sencha Touch 1.1, including refined toolbar form fields, added an magnifying glass icon to search fields, better list styling, improved selects in overlays, and size optimizations.

We hope you’ll enjoy the many enhancements and fixes in the new release and use them to develop some awesome cross-platform mobile apps.

Download Sencha Touch 1.1 or Preview in a WebKit-based browser

There are 26 responses. Add yours.

Jay Garcia

4 years ago

Long awaited!! Very excited about this.

Nico Hiort af Ornäs

4 years ago

Great job! Can’t wait to get my hands on this! smile

Jorge

4 years ago

Love the O’Reilly example.

Alex Kashtanov

4 years ago

Awesome! Next step JS revolution in Mobile Device.

Chris Sullins

4 years ago

The online demos seem to be using the 1.0 source. I imagine that’s why the Pull-to-Refresh demo doesn’t work . Also, when will the documentation on the Sencha site match the documentation included in the download?

David Kaneda Sencha Employee

4 years ago

@Chris Both of those should be updated… which links are you using? Feel free to shoot me an email if you want.

David Kaneda Sencha Employee

4 years ago

@Jorge Thanks, it was a blast to work on smile

Adriano

4 years ago

HI all, we love this new version! Keep up the great job!

BC

4 years ago

Another great showing…keep up the excellent work. Sencha continues to outpace the competition!

Pedro Leite

4 years ago

Oh….awesome!!!! just in time! keep up the good work guys…
and yes….update the docs wink

Jim Ing

4 years ago

This is awesome!

Eugene

4 years ago

Good work! Although, frankly, I expected it to be a little smoother on BlackBerry Torch.

Ryan Hickman

4 years ago

Very exciting to see. Now it’s dev time!

Ryan Hickman

4 years ago

Also.. I know QR codes suck.. But a direct like to the demos via the phone is faster than typing in URLs


You can smack it here: http://chart.apis.google.com/chart?chs=200x200&cht=qr&chl=http://dev.sencha.com/deploy/touch/examples/

jeongman

4 years ago

Thank you :D

Andrea Cammarata

4 years ago

That’s a great news!
Thank you! wink

Vishal Kumar Singh

4 years ago

Thanks Sencha, your hard work is allowing us to deliver better results.
You grow, together with you we grow.

Thanks.

Stjepan

3 years ago

Ok, and where is Playbook: The HTML5 Developer Scorecard? Promises, promises.. wink

Eugene

3 years ago

Unusable on BlackBerry Torch. The List component, which is essential, doesn’t even scroll properly.

Sebastien Tardif

3 years ago

Any future support for BlackBerry OS5 ?

We have been using jQuery mobile because it has BlackBerry OS5 support but we would consider Sencha Touch if it support it.

André

3 years ago

First fix all old (!) bugs, than I´m happy about a new release. Otherwise I´m very sad and frustrated. :(

Michael Mullany Sencha Employee

3 years ago

@stjepan - RIM asked us to hold back on the Playbook scorecard until they launch on April 19th - so we did.

@eugene - please file a bug with your build number if you’re finding problems. The list scroll works on our Blackberry Torch with the latest Torch build. Fixing list scroll performance was the whole reason that this release took so long, so if you’re still finding problems on an updated Torch, we want to know.

@sebastian - we’re not planning to support OS5. Yes you can probably get some stuff working on it, but we rely on an awful lot of stuff from OS6.

Paul Ellis

3 years ago

Look beautiful really but i still love the iphone more.

Paul Ellis

Chris

3 years ago

there is a problem of andoird flickering .when will you plan to resole it?

Luca

3 years ago

Sencha is really providing us a way to deploy multichannel solutions. We love it.

Yvo

3 years ago

Any news on Sencha Touch 2.0 (based on ExtJs 4?)?

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

Commenting is not available in this channel entry.