Scott i have implemented in the below way.
Scroller is not displayed in IE8/IE9
Code:
Ext.onReady(function(){
Ext.QuickTips.init();
var scrollerMenu = new Ext.ux.TabScrollerMenu({
maxText: 15,
pageSize: 5
});
var tabpanel = new Ext.TabPanel({
activeTab: 0,
enableTabScroll: true,
items: [{
xtype: 'panel',
title: 'Tab Panel Test1'
}, {
xtype: 'panel',
title: 'Tab Panel Test 2'
}, {
xtype: 'panel',
title: 'Tab Panel Test 3'
}, {
xtype: 'panel',
title: 'Tab Panel Test 4'
}, {
xtype: 'panel',
title: 'Tab Panel Test 5'
}, {
xtype: 'panel',
title: 'Tab Panel Test 6'
}, {
xtype: 'panel',
title: 'Tab Panel Test 7'
}],
plugins: [scrollerMenu]
});
var viewport = new Ext.Viewport({
layout: 'border',
items: [{
region: 'west',
collapsible: true,
title: 'Navigation',
width: 700
},{
height: 90,
region: 'north',
itemId:'htmlItemId',
xtype:'displayfield',
style: 'padding:7px;border-style:none;',
html: 'display info about single or multiple parts here'
},
{
region: 'center'
,items: tabpanel
}
] });
});