PDA

View Full Version : customize visual appearance of Extjs components



mageec
24 Nov 2012, 1:22 AM
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
24 Nov 2012, 7:51 AM
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/#!/api/Ext.panel.Panel
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tree.Panel
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.toolbar.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 (http://existdissolve.com/2011/09/extjs-4-theming-custom-uis/) for styling a progress bar, but the principle is the same for other components.