10 Nov 2012 3:32 PM #1
Building Themes with Sencha Cmd 18.104.22.168
Using Sencha Cmd 22.214.171.124, and ExtJS 4.1.1a
This is very confusing.
The docs say:
sencha theme build default
This will place the sliced images in the "./resources/css/default" folder alongside the CSS file generated by SASS. This approach reduces the size of the CSS file since all image paths are relative to the CSS file location.
[public]/resources/css/mytheme/images go here
When I run:
sencha theme build mytheme
As you can see, the resources directory is inside "MyApp" directory. Not only that, based on the docs, I would expect the images here:
Please clarify. Why all this discrepancy ?
Also, when I build the css with compass compile, can you explain me howExtJS decides when to use the slices ? I guess it detects if it is IE, but then, in which path it looks for the images ?
The generated "mytheme" CSS, which is located at:
Seems that te most updated guide is this:
But again, not clear and inconsistent.
13 Nov 2012 3:00 PM #2
I agree. It would be nice if the documentation was updated so it wasn't so confusing and was accurate.
13 Nov 2012 3:36 PM #3
Or at least, if someone can post a tutorial about the whole compiling process with Cmd .250
14 Nov 2012 12:17 PM #4
This in a pain. I ended up editing utils.rb to put the images where i want
16 Nov 2012 2:54 PM #5
Mind sharing your edits?
I failed at ruby.
19 Nov 2012 3:24 PM #6
I apologize for the delay in replying to this thread. We are in the middle of some major work to support multiple themes in the framework for Ext JS 4.2 and have decided that we need to back-port some of that from Cmd 3.1 to Cmd 3.0.1 to resolve these issues.
In the next release we will be consolidating themes into bundles (that is, all of the pieces of a theme will be kept in a single folder) for easy sharing and path resolution...
We will be releasing 3.0.1 very soon and have taken that basic approach to solve all of these path issues. This should set things up better for Ext JS 4.2 / Cmd 3.1 as well.
And the theme guide has been updated to reflect those changes.
Please watch for the Cmd 3.0.1 notice and then check for guide updates at that time.
19 Dec 2012 3:03 PM #7
With Cmd 3.0.1 out, I am noticing that the new guides are not yet updated. I will try to get them pushed ASAP.
This version contains a number of important changes to theme organization that are moving towards a themes as free-standing packages model. More to come on that but the new guides should help clarify this for 3.0.1.
26 Dec 2012 4:46 PM #8
I have created a sticky thread to discuss changes to Ext JS themes in Cmd 3.0.2 - http://www.sencha.com/forum/showthre...s-in-Cmd-3.0.2.
Please see that thread for details.