PDA

View Full Version : GroupTabPanel



gurunath
18 Sep 2012, 1:43 AM
Sorry if question like this posted earlier

I am using 2 groupTabPanels in one page
(on clicking one menu another group tab panel shows) i need to change style of inner grouptab like color, but if i edit CSS it reflects on all tab panel in that page

Please help

friend
18 Sep 2012, 6:46 AM
You can apply a custom CSS class to most ExtJs components by using the baseCls (http://docs.sencha.com/ext-js/4-1/#!/api/Ext.panel.Panel-cfg-baseCls), bodyCls (http://docs.sencha.com/ext-js/4-1/#!/api/Ext.panel.Panel-cfg-bodyCls), cls (http://docs.sencha.com/ext-js/4-1/#!/api/Ext.panel.Panel-cfg-cls), componentCls (http://docs.sencha.com/ext-js/4-1/#!/api/Ext.panel.Panel-cfg-componentCls), etc. configuration attributes.
(http://docs.sencha.com/ext-js/4-1/#!/api/Ext.panel.Panel-cfg-bodyCls)

gurunath
24 Sep 2012, 10:07 PM
thanks friend solved
if outer tab panel has baseCls : 'outer' and inner tab panel has baseCls : 'inner' you shoud write cls classes as .outer .inner . (your required class) { properties}

see \extjs\examples\ux\css\GroupTabPanel.css