PDA

View Full Version : [CLOSED] Best way to theme your app?



jchau
Jun 07, 2013, 3:34 PM
What's the best way to theme your application if you want to override things like default font, grid colors, etc? We been using just CSS overrides, but every time we get latest, our CSS overrides will break because ExtJS changed a css class name or added new ones or changed the way markup is generated.

Should we not use the css outputed by ResourceManager and use Compass to build the ExtJS source css files?

Daniil
Jun 07, 2013, 5:05 PM
Hi @jchau,

Yes, I think the best option for now is to master SASS.
http://docs.sencha.com/extjs/4.2.1/#!/guide/theming
http://docs.sencha.com/extjs/4.2.1/#!/video/19159630

It should let you avoid such issues (changes in CSS class names and markup) as much as it possible.

jchau
Jun 07, 2013, 11:07 PM
Hi @jchau,

Yes, I think the best option for now is to master SASS.
http://docs.sencha.com/extjs/4.2.1/#!/guide/theming
http://docs.sencha.com/extjs/4.2.1/#!/video/19159630

It should let you avoid such issues (changes in CSS class names and markup) as much as it possible.

But I would have to output my own css instead of the embedded one right?

Baidaly
Jun 07, 2013, 11:11 PM
Hello!

I think the following thread will be helpful: http://forums.ext.net/showthread.php?25098

Daniil
Jun 10, 2013, 4:40 AM
But I would have to output my own css instead of the embedded one right?

Yes, that is right. You can reference a custom theme by a ResourceManager's ThemePath.