Hello.
I am trying to get a tabpanel to show up with three different panels and one dockedItems button on the tabbar but I am having trouble with it. My code is as follows:
Code:
var demoTabPanel = new Ext.tab.Panel({
fullscreen: true,
tabBar:{
dockedItems:[
{
xtype: 'button',
ui: 'round',
text: 'Round',
dock: 'right'
}
]
},
items: [
{
title: 'Tab 1',
html: '1'
}, {
title: 'Tab 2',
html: '2'
}, {
title: 'Tab 3',
html: '3'
}]
});
For some reason the dockeditem button seems to be taking the place of the first tab panel button as seen in the screenshot attached. Any ideas as to why this is happening?
tabPanel.png
Thanks,
Jonathan