customize visual appearance of Extjs components

[mageec]

hello, i am web designer and i am beginner in extjs 4.0 i want to know how to customize visual appearance
of extjs component
particulary Ext.panel,Ext.toolbar,Ext.tree

i want to know what properties modifiy the visual apperance

Thanks

[existdissolve]

hello, i am web designer and i am beginner in extjs 4.0 i want to know how to customize visual appearance
of extjs component
particulary Ext.panel,Ext.toolbar,Ext.tree

i want to know what properties modifiy the visual apperance

Thanks

Check out the CSS Mixins sections (at the very bottom) in the docs for these:

http://docs.sencha.com/ext-js/4-1/#!...xt.panel.Panel
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tree.Panel
http://docs.sencha.com/ext-js/4-1/#!...oolbar.Toolbar

You can use these as part of the theming strategy, which is outlined here:

http://docs.sencha.com/ext-js/4-1/#!/guide/theming

There are also lots of examples from the community about how to create custom UIs for components. I've done one here for styling a progress bar, but the principle is the same for other components.