Twitter Call us on +44 (0)1256 486557

Sencha Touch theme

If you’ve looked at the Sencha Touch theme for version 2.2 you’ll notice that the way it handles iconography is very different from previous versions. As Steve Drucker has pointed out, Sencha Touch 1 – 2.1 “base-64 encoded PNG files into your app’s stylesheet, whereas Sencha Touch 2.2 instead uses a web font from http://pictos.cc/font/ to render iconography in your app’s buttons”. The advantage of this approach is much improved performance due to better memory consumption. However, the downside is that you will be required to refactor your code if you want to upgrade your Sencha Touch app, as the strings used to identify icons used in previous versions are not the same as in Sencha Touch 2.2.

Steve Drucker’s useful article provides all the string identifiers for all of Sencha Touch 2.2’s out of the box icons.

If you want to use your own iconography you will need to encode your custom icons into the pictos web-font.

Are you thinking about upgrading a previous Sencha Touch app and need help with the Sencha Touch theme for version 2.2? ProWeb are UK Sencha developers and Sencha Touch experts, and can offer Sencha Touch theme advice. Call now on +441189 353 339 or email hello@prowebsoftware.net.