IE styling in Sencha Touch

Question

When I load the default ST app in IE10, styling is non-existant even with the following defined in app.json:

If I load in Chrome, the styling is present. I have carried out an app refresh too. I'm using ST2.3.1 with cmd 4

"css": [
         {
            "path": "resources/css/app.css",
            "platform": ["chrome", "safari", "android", "firefox"],
            "theme": "Default",
            "update": "delta"
        },
         {
            "path": "resources/css/wp.css",
            "platform": ["ie10"],
            "theme": "Default",
            "update": "delta"
        }

If I look in myapp\resources\css I can see app.css and wp.css.

arthurakay arthurakay · Accepted Answer · 2014-02-19T13:51:37

Looking at the Sencha theming guide, you may need to change "theme" from "Default" to "Windows" in your second JSON object. Then do a sencha app refresh and try again.

IE styling in Sencha Touch

1 Answers