tab/button

[chandan.behura]

Hi,
How to make a button default click like a panel title.
how to a add a label before tabs of a tab panel?
Screen shot attached.Screen shot 2012-08-27 at 9.50.19 AM.png

[sword-it]

Hi,

may you provide your code for better understanding the problem

[chandan.behura]

I have given the screen shot.I have made simple TabPanel.and unable to add a label before the tabs.

[Zdeno]

What do you think with label before the tabs? Do you want add label before each tab or where do you want add your label?

[chandan.behura]

I want to just add one label before all the tabs.
i have given the screen shot.

[Zdeno]

Change renderTpl of your Ext.tab.Bar. Defaul tpl:

// @privaterenderTpl: [
    '<div id="{id}-body" class="{baseCls}-body <tpl if="bodyCls"> {bodyCls}</tpl> <tpl if="ui"> {baseCls}-body-{ui}<tpl for="uiCls"> {parent.baseCls}-body-{parent.ui}-{.}</tpl></tpl>"<tpl if="bodyStyle"> style="{bodyStyle}"</tpl>></div>',
    '<div id="{id}-strip" class="{baseCls}-strip<tpl if="ui"> {baseCls}-strip-{ui}<tpl for="uiCls"> {parent.baseCls}-strip-{parent.ui}-{.}</tpl></tpl>"></div>'
]

[mice-pace]

I was hoping to do pretty mush the same things, I tried using that TPL with ExtJS 4.1, but I couldn't find where I should be adding the text to have it show up. Does 4.1 have a different default TPL?

[Zdeno]

TabPanel in 4.1 uses Ext.tab.Bar and renderTemplate is a bit different

//@private renderTpl: [
    '<div id="{id}-body" class="{baseCls}-body {bodyCls}<tpl if="ui"> {baseCls}-body-{ui}<tpl for="uiCls"> {parent.baseCls}-body-{parent.ui}-{.}</tpl></tpl>"<tpl if="bodyStyle"> style="{bodyStyle}"</tpl>>',                 
    '{%this.renderContainer(out,values)%}',       
     '</div>', 
    '<div id="{id}-strip" class="{baseCls}-strip<tpl if="ui"> {baseCls}-strip-{ui}<tpl for="uiCls"> {parent.baseCls}-strip-{parent.ui}-{.}</tpl></tpl>"></div>'
],