Take the 2-minute tour ×

I installed Sencha Touch 2 and wrote a simple hello world program. It displays Hello World on Chrome but without any mobile-like outfit. I checked and the style sheet file is accessible from the browser. What else could go wrong? Something is missing from the program?

<!DOCTYPE html>
        <meta charset="utf-8">
        <title>Hello World</title>

        <script src="../touch/sencha-touch-all.js" type="text/javascript"></script>
        <link href="../touch/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" />

        <script type="text/javascript">

                launch: function () {
                    Ext.create('Ext.Panel', {
                        fullscreen: true,
                        html: 'Hello World!'


share|improve this question

1 Answer 1

up vote 1 down vote accepted

You need to install Sencha CMD and than create your app with this command:

sencha -sdk /path/to/sencha-touch-sdk generate app MyApp /path/to/www/myapp

This command will bootstrap your application structure with all the files you need. At the moment you're not able to see any styles because there is no app.json file (which will be created automatically), which refers to your app.css.

After that you still need XAMP or MAMP to run your application. If you don't have any of them installed, you can also use:

sencha fs web -p 8000 start -map /path/to/your/project

You find all of those infos in the sencha documentation.

share|improve this answer
Thanks. At last I have found some examples that work, e.g. this. I put the code into a html skeleton that links to the sencha library and css installed. It works, but it does not have app/ and other directories that are created via the sencha command. What do I miss this way? –  Gergely Dec 1 '13 at 7:55
Did you use the 'generate app' command like explained over here: docs-origin.sencha.com/touch/2.3.1/#!/guide/command_app ? –  Chris Conway Dec 1 '13 at 11:16

Your Answer


