PDA

View Full Version : tabWidth problem in IE6



dusoo
7 Oct 2009, 6:21 AM
Hi,
im having problem with tabpanel's width when enableTabScroll is set to true. This width is something like 25px and wont change by adding tabWidth or minTabW..
I dont have this problem in firefox.
Do you know any way to fix this ?
Thanks a lot for your tips

ps: i just realized, that even collapse button (+/-) is missing in the upper accordion (only in IE6, firefox is ok)



tabs = new Ext.TabPanel({
title: 'Menu',
id : 'panel1',
activeTab: 0,
enableTabScroll:true,
deferredRender: false,
defaults: {
autoScroll: true,
closable : true
},
items: [{
contentEl: 'center1',
title: 'Start Page'
}]
});

var graph_list = new Ext.Panel({
id: 'panel2',
title: 'List',
layout:'column',
items:[...]
});

var accordion = new Ext.Panel({
region: 'center',
title: 'Accordion Layout',
layout:'accordion',
layoutConfig: {
titleCollapse: false,
hideCollapseTool:false
},
items:[
tabs,
graph_list
]
});

var westtab = new Ext.TabPanel({
region: 'west',
id: 'west-panel',
split: true,
width: 250,
minSize: 200,
maxSize: 500,
activeTab: 0,
items: [...]
});

var viewport = new Ext.Viewport({
layout: 'border',
items: [westtab, accordion]
});