PDA

View Full Version : tabpanel inside ext window - horizontal scroll bar doesn't show up



stetou
7 Jan 2011, 8:35 AM
Hi,
The design is a Ext.Window containing a tabPanel. The tabs are added runtime. The number of tab can be 1 to n.
The problem is that a horizontal scroll bar doesn't appear if the number of tabs makes the tabPanel overflows the window width.

Here is a small test case.



var tabs = new Ext.TabPanel(
{ activeTab: 0
,autoHeight: true
});

var oResultWindow = new Ext.Window(
{
title : 'Résultats de la requête',
width : 600,
height : 600,
border : false,
modal: true,
plain : true,
closable : true,
resizable : true,
autoScroll: true,
constrain: true,
layout:'fit',
items: [tabs]
});


for (var i=0; i<10; i++)
{
tabs.add({title: 'Title can be long ' + i});
}
oResultWindow.add(tabs);


Thanks in advance for helping me
Steve

conorarmstrong
7 Jan 2011, 8:52 AM
you haven't set the enableTabScroll property in the tab panel to true