PDA

View Full Version : [FIXED] Building Themes with Sencha Cmd 3.0.0.250



mysticav
10 Nov 2012, 3:32 PM
Using Sencha Cmd 3.0.0.250, and ExtJS 4.1.1a
This is very confusing.

The docs say:


cd /path/to/MyApp
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.

That would be:

[public]/resources/css/mytheme/images go here

But it seems that it has to be:

[public]/build/resources/images/mytheme

and even more confusing,
When I run:

sencha theme build mytheme

The images are created as:

[public]/build/MyApp/resources/images/mytheme

(this is not what the Docs says).

As you can see, the resources directory is inside "MyApp" directory. Not only that, based on the docs, I would expect the images here:

[public]/resources/css/mytheme/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:


[public]/resources/css/mytheme/app.css

and is looking for images at:


[public]/ext/resources/themes/images/default

But I would expect the CSS to point to:

[public]/resources/css/mytheme/

or


[public]/build/resources/images/mytheme/

Currently there's no guide that can clarify all these issues.

Seems that te most updated guide is this:
http://docs.sencha.com/ext-js/4-1/#!.../command_theme

But again, not clear and inconsistent.

amoathou
13 Nov 2012, 3:00 PM
I agree. It would be nice if the documentation was updated so it wasn't so confusing and was accurate.

mysticav
13 Nov 2012, 3:36 PM
Or at least, if someone can post a tutorial about the whole compiling process with Cmd .250

ldonofrio
14 Nov 2012, 12:17 PM
This in a pain. I ended up editing utils.rb to put the images where i want:-?

stewardsencha
16 Nov 2012, 2:54 PM
Mind sharing your edits?
I failed at ruby.

dongryphon
19 Nov 2012, 3:24 PM
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.

dongryphon
19 Dec 2012, 3:03 PM
http://www.sencha.com/forum/showthread.php?252060-Sencha-Cmd-v3.0.1-GA-is-Now-Available

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.

dongryphon
26 Dec 2012, 4:46 PM
I have created a sticky thread to discuss changes to Ext JS themes in Cmd 3.0.2 - http://www.sencha.com/forum/showthread.php?252465-Changes-to-organization-of-Ext-JS-Themes-in-Cmd-3.0.2.

Please see that thread for details.