Sencha Touch 2: How to handle custom css files during build?

Question

I am working on a mobile site developed using sencha touch 2. I used sencha cmd v3 to create the assembly. When I tested assembly assembly, I found that my user css files are included in the folder structure, but user styles do not apply to user interface elements.

Please see, I do not use SASS / COMPASS in this application. Any ideas on where everything went wrong, or am I missing something? Should I handle custom css files differently and do something special when creating an assembly? Do I need to include links to these custom css files in app.json when creating the assembly assembly? Please, help.

thanks

Answer 1

You simply specify the link in the app.json file. Add it after the app.css file

 /** * List of all CSS assets in the right inclusion order. * Each item is an object with the following format: * { * "path": "path/to/item.css" // Relative path to this app.json file * "update": "delta" // (Optional) * // - If not specified, this file will only be loaded once, and * // -cached inside localStorage until this value is changed to either one below * // - "delta" to enable over-the-air delta update for this file * // - "full" means full update will be made when this file changes * * } */