Sencha Inc. | HTML5 Apps

Blog

Announcing Sencha Touch 2.3 - Touch Grid, Cordova Support, and New Themes

October 01, 2013 | Gautam Agrawal

Introduction

Sencha Touch 2.3Today we're releasing Sencha Touch 2.3 with lots of new features, an iOS 7-friendly theme, as well as an exclusive Touch Grid for our product bundles (Sencha Complete and Sencha Touch Bundle). Sencha Touch 2.3 includes 3 new themes: Cupertino (themed for iOS 7), Cupertino Classic (themed for iOS6.x and below), Mountain View (themed for Android), and enhancements to other themes (including BlackBerry 10 upgrades). Sencha Touch 2.3 also integrates Cordova to enable access to more device features, and includes other enhancements. The release of these features takes mobile app development with Sencha frameworks to a whole new level, especially for data-rich applications that access device features.

Download Sencha Touch 2.3


The iOS 7 Theme for HTML5

Sencha Touch Grid

It takes a herculean effort to build themes that look native to your target platform. There is absolutely no doubt that the iOS 7 look-and-feel is the most significant change since the first release of iOS. With the release of iOS 7, everyone wants to get their apps to look native on iOS 7 as soon as possible. With Sencha Touch 2.3, we are providing out-of-the-box support for iOS 7. You can upgrade your existing iOS apps built with Sencha Touch very quickly, and you can even choose between Cupertino and Cupertino Classic based on the platform version you are targeting with your iOS apps.


Other New Themes & Enhancements

The existing themes for Sencha Touch have received a number of enhancements in version 2.3. We have gone through the Blackberry 10 theme in great detail and enhanced its unique look and feel to match Blackberry 10 specifications exactly. In addition, we have included new themes for iOS and Android: Cupertino Classic (pre-iOS 7 friendly theme) and Mountain View (Android friendly theme). For more information on BlackBerry 10 theme, visit BlackBerry Developer Blog.

Themes can be used based on their respective platforms using the theme switching capabilities of Sencha Touch. For more details on BlackBerry 10 development, see the BlackBerry Getting Started guide.


The All New Touch Grid

Sencha Touch Grid

Sencha Touch Grid is a highly optimized grid component for touch devices. The Touch Grid makes it easy to fetch, sort, filter, and edit large amounts of data on touch devices. It's easy to configure each column of the grid as well as customize any column using column renderers.

The Sencha Touch Grid uses a plugin architecture to support additional grid functionality such as:

  1. ViewOptions to allow showing, hiding and reordering of grid columns
  2. ColumnResizing to allow using pinch gestures to resize columns
  3. Editable to enable editing grid contents for an entire row (one at a time)
  4. MultiSelection to enable selection and deletion of multiple rows at a time
  5. PagingToolbar to quickly navigate to another page of data
  6. SummaryRow to add or pin an additional row of summarized data (averages, max, min, etc.) to the top of the grid

Touch Grid is available as part of Sencha Complete or the Sencha Touch Bundle.

In the near term, we'll be releasing some enhancements to the Touch Grid, including a buffered store. If there's a feature enhancement you want, please suggest it n the forums to help improve the component. Touch Grid will be supported in Sencha Architect 3 via a User Extension in an upcoming release.

Evaluate Sencha Complete Evaluate Sencha Touch Bundle


Cordova Support

The Sencha Touch 2.3 release has new native packaging capabilities for Sencha developers and includes a number of new themes and enhancements. With Touch 2.3, we have made native packaging as seamless as possible. We've updated the device APIs and Sencha Cmd to make Apache Cordova a fully supported component. Touch 2.3 supports Cordova APIs for Accelerometer, Camera, Capture, Compass, Connection, Contacts, Device, Events, File, Geolocation, Globalization, InAppBrowser, Media, Notification, Splashscreen, and Storage. In addition, Touch 2.3 supports Adobe PhoneGap Build from within Sencha Cmd 4.0 which can package your application for multiple devices with a single command. We've also included a detailed guide for creating native builds on your local machines. Touch 2.3 does not directly support Cordova API plugins such as the Bluetooth plugin, but you can use them in your application by following the directions provided in our guides.


File Upload & Progress Indicator

Touch 2.3

Sencha Touch 2.3 also includes full support for XMLHTTPRequest Level 2 (XHR2) on devices that support XHR2. The XHR2 specifications include improved support for files and images as well as access to progress events. We have included a new ProgressIndicator Component in Sencha Touch 2.3 that uses the new XHR2 capability to give users a true indication when working with files. A new Ext.field.File component has been added with capture support on device.


Sencha Cmd 4.0

With this release, we have done considerable internal refactoring to support the latest Sencha Touch version as well as Cordova integration. The new ant cordova command enables access to Cordova 2.9.0 APIs and packaging. We have also added the new app watch command. app watch runs in the background and automatically handles changes to the common files and continually updates any changes to your project. When changes are detected, only the minimum amount of work necessary is performed to bring your app and its CSS up to date, saving you from having to manually run app refresh or rebuild your SASS. This feature is available for both Touch and Ext JS in Sencha Cmd 4.0.

Download Sencha Cmd 4.0


Conclusion

Creating visually compelling mobile applications and making them run fast is hard work for developers. With the release of Sencha Touch 2.3, iOS 7 theme, Sencha Touch Grid, and Cordova support, along with other new themes, delivering the amazing web application experiences becomes that much easier. These enhancements provide a great opportunity for those who are building data rich applications and those who want to provide native-like look-and-feel for iOS, Android and BlackBerry devices. We are very excited about this release and would like to hear about your experiences with these new features. Remember to give us your feedback on the forums, so we can keep improving them for you.

There are 13 responses. Add yours.

BC

12 months ago

Digging in.

JH

12 months ago

Cordova support sounds nice, but is an external Cordova plugin-in support also available for local builds?

Younghoon Ha

12 months ago

Oh, my god! It’s so good~~!
Flat Design is hot trand in iOS theme. I luv sencha

soonbing

12 months ago

The comments on the individual members in the documentation have all disappeared. What happened to them?

I’m relying on a lot of the user comments to decipher some of the features, so is it possible to reinstate them?

angraxs2

12 months ago

Is there an update for the Architect to support this new version?

Gautam Agrawal

12 months ago

@angraxs2 - Yes! Architect 2.2.3 was made available that supports this version. Note that Touch Grid, which is a part of bundles, is not supported by Architect 2.2.3.

Balaji Narayanaswamy

12 months ago

Cardova (PhoneGap) integration and theme enhancements especially Cupertino i07 sound good.  But little disappointed that touch grid is available only in the touch bundle!.

Well, getting my feet wet with touch 2.3 let’s see how it goes..  Keep up the good work Sencha!!.

woltort

12 months ago

nailed it.

Marco Marsala

12 months ago

Hi.

If we want to use a Cordova plugin such as the Push Notification one… We can still use Sencha Cmd 4 to package the app for multiple devices or we have to use native SDKs in XCode, Eclipse and so on… or Phonegap Build cloud service?

Tom Coulton

12 months ago

We’ve posted a Japanese translation of this blog article here: http://www.xenophy.com/sencha-blog/8935

Also, details of the Japan Sencha User Group can be found here: http://www.meetup.com/Japan-Sencha-User-Group/

Bruno Barbosa

12 months ago

i´ve been waiting a long time for this version! looks really great!! keep up the good work sencha team!

Appstore .vn

12 months ago

I’m relying on a lot of the user comments to decipher some of the features, so is it possible to reinstate them?

http://appstore.vn

vic_yang

11 months ago

Oh, my god! It’s so good~~!

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

Commenting is not available in this channel entry.