To add button to tabpanel [extjs 3.2]
1 answer
You can add custom components here, but you need to extend the TabPanel class. You can find examples here: left and right .
var scrollMenu = this.header.insertFirst({
cls: 'x-tab-tabmenu-right'
});
and css styles for the button:
.x-tab-scroller-right-over {
background-position: -18px 0;
}
.x-tab-tabmenu-right {
background: transparent url(http://dev.sencha.com/deploy/ext-3.4.0/examples/tabs/tab-scroller-menu.gif) no-repeat 0 0;
border-bottom: 1px solid #8db2e3;
width:18px;
position:absolute;
right:0;
top:0;
z-index:10;
cursor:pointer;
}
.x-tab-tabmenu-over {
background-position: -18px 0;
}
.x-tab-tabmenu-disabled {
background-position: 0 0;
opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
cursor:default;
}
+1
source to share