https://duan.ca/tag/windows-phone-8/ <p>Sencha Touch 2.2 Alpha shipped with Windows Phone 8/IE 10 support. And it's pretty impressive! Just take a look at the starter app under the original theme and the Windows Phone 8 theme:</p> <p>The Default Theme:</p> <p><img src="/assets/2013/01/original-theme.png" alt="Sencha Touch 2.2 default theme" /></p> <p>WP8 Theme:</p> <p><img src="/assets/2013/01/wp8-theme.png" alt="Sencha Touch 2.2 windows phone 8 theme" /></p> <p>And it only takes a minute or two to get to the second screen. (if you have Sencha Cmd and Sencha Touch SDK 2.2 alpha ready). Here's how.</p> <ol> <li>In SDK folder, generate the app with <code>sencha generate app Foo path/to/foo</code></li> <li><a href="/2013/01/14/Sencha-Touch-22-Alpha-Sass-Bug-Workaround.html">Workaround</a> the bug shipped in this alpha version. This won't be necessary once the bug has been fixed in the next release</li> <li>Open <code>resources/sass/app.scss</code> in the generated project folder )it should look like <a href="https://gist.github.com/4533833">this</a> after step 2). Replace every appearance of the word <em>default</em> to &quot;windows&quot;. Then run <code>compass compile resources/sass</code> in the project root.</li> <li>Serve the project in a web server (I usually do <code>python -m SimpleHTTPServer</code>), fire up its url (localhost:800) and...</li> </ol> <p>Boom!</p> Mon, 14 Jan 2013 13:45:00 -0600 https://duan.ca/2013/01/14/windows-phone-8-theme-in-sencha-touch-22/ https://duan.ca/2013/01/14/windows-phone-8-theme-in-sencha-touch-22/