PDA

View Full Version : panel tab and toolbar



cesarwbr
7 Nov 2008, 10:57 AM
Hi,
I have a panel:


north = new Ext.Panel( {
region :'north',
collapsible :true,
split :true,
plain :true,
bodyStyle :'background-color:transparent',
bodyBorder :false,
minSize :100,
border :false,
layout :'fit',
margins :'0 5 5 5',
tbar :tool,
items :tab
});

that has a toolbar:


var tool = new Ext.Toolbar({
plain :true,
style :'background: url(../resources/images/bg_tool.png); background-repeat:no-repeat; background-color: transparent',
bodyBorder :false,
border :false,
items : [ {
text :'Menu',
menu :menu
}, {
id :'btnSave',
tooltip : {
text :'Save this',
title :'Save'
},
scope :this,
iconCls :'bsave',
handler :service.saveService
}, // Btn
// Save
{
id :'btnPublish',
tooltip : {
text :'Publish this',
title :'Publish'
},
scope :this,
iconCls :'bpublish',
handler: service.publishService
}, // Btn
// Publish
{
id :'btnPublish',
tooltip : {
text :'RePublish this',
title :'RePublish'
},
scope :this,
iconCls :'brepublish'
}, // Btn
// View
{
id :'btnView',
tooltip : {
text :'Configuration this service',
title :'Config'
},
scope :this,
iconCls :'bview',
handler: showConfig
}, // Btn
// View
]
});

and a tab panel:


var tab = new Ext.TabPanel(
{
bodyBorder :false,
activeTab :0,
plain :true,
height :100,
layoutOnTabChange: true,
items : [
{
title: "test 1",
items: viewComps,
autoShow: true
},
{
title: "test 2",
items: viewComps,
autoShow: true
}
]
});

the toolbar is showing normally, but the TabPanel is hide, it's showing only when I use the split function manually. What can I do?