Skip to Content
Hands-On Sencha Touch 2
book

Hands-On Sencha Touch 2

by Lee Boonstra
July 2014
Intermediate to advanced
344 pages
7h 33m
English
O'Reilly Media, Inc.
Content preview from Hands-On Sencha Touch 2

Chapter 13. Themes and Styles

I once had a Sencha Touch 1 app in the Apple App Store and somebody gave me a very bad review. “This is a weird-looking iOS app.” What happened? Well, I just modified the default Sencha Touch stylesheet and gave all of the toolbars the same colors as native iOS components. The result was that the components almost looked like native, but they were just a little off. The users didn’t know that it was a mobile web application that was ported to native, so they expected the same experience as a native app, but it was just not the same. I learned from this that mobile web applications should either look and behave exactly the same as native apps, or they shouldn’t look like native at all. When the design is totally customized, people will get used to its design experience.

Sencha Touch Stylesheets

Times have changed. In Sencha Touch version 2.3, the framework ships with stylesheets that mimic native designs and experiences of all modern major devices (see Table 13-1). In addition to supporting iOS and Android, Sencha even works closely with the mobile device and browser makers like BlackBerry and Microsoft. Ahead of phone releases, Sencha gets access to test devices and style guides to make sure the Sencha Touch stylesheets look the same as native apps. When you create a production build of your app and you want to host it on the Web, it’s even possible to make use of the Sencha platform switcher. This switcher can make sure that the correct stylesheet will ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Ext JS Application Development Blueprints

Ext JS Application Development Blueprints

Colin Ramsay
Learning Ext JS

Learning Ext JS

Carlos A Mendez Segura, Crysfel Villa, Armando Gonzalez

Publisher Resources

ISBN: 9781449366513Errata