Code:
var viewport = new Ext.Viewport({
layout:'border',
items: [
new Ext.BoxComponent({
region:'north',
el: 'North',
height:'10%',
autoHeight:true
}),
new Ext.Panel({
id: 'westPanel',
el:'West',
region: 'west',
title:'Select',
layout: 'fit',
width: 427,
minSize: 427,
split: true,
collapsible: true,
items:[ tabs ]
}),
{
id:'center-panel',
region:'center',
collapsible: true,
layout:'fit',
items: [grid]
},
southPanel
]
});
i have written the following code for tabs in west panel,
var tabs = new Ext.ExtTabPanel({
id:'tabs1',
renderTo: 'WestTab',
activeTab: activeTabPanel,
layoutOnTabChange:true,
items:[
new Ext.Panel({
ContentEl:'CenterTab1',
title:'Browse',
layout: 'fit',
items:[ treePanel ]
}),
new Ext.Panel({
contentEl:'CenterTab2',
title:'Query',
layout: 'fit',
buttonAlign: 'center',
items: [accordionPanel]
}),new Ext.Panel({
ContentEl:'CenterTab3',
title:'Import',
layout: 'fit',
frame: true,
hideMode:'offsets',
items: [{
xtype: 'panel',
bodyCfg: {tag: 'center', style:'{background:white;}'},
items: [importPanel]
}]
}),new Ext.Panel({
ContentEl:'CenterTab4',
title:'Export',
layout: 'absolute',
border: false,
hideMode:'offsets',
items:[{
x: -20,
y: 10,
width: 350,
ContentEl: 'ExportForm',
items:[fp1]
},
{
x: -160,
y: 60,
width: 360,
ContentEl: 'ExportDetails',
items: [formP1]
}]
}),new Ext.Panel({
ContentEl: 'CenterTab5',
title: 'Save',
layout: 'absolute',
border: false,
hideMode:'offsets',
items: [{
x: -5,
y:10,
width: 350,
ContentEl: 'saveFields',
items: [saveFieldsPanel]
},{
x: -90,
y:60,
width: 360,
ContentEl: 'saveButtons',
items: [saveButtonsPanel]
}]
})]
});
Someone please help. I have tried for lot of time i could not get it. With Firefox there are no issues.