PDA

View Full Version : portal and unnecessary scrollbars



michael melsen
22 Dec 2010, 6:20 AM
hi everyone,

I've attached a showcase that creates a portal with an east, center and west section. Viewing this showcase in ff results in nicely outlined sections with no unnecessary scrollbars. However viewing this ie an additional horizontal scrollbar is added even though it can't be scrolled. Any idea how to fix this?

I use ext 3.3.0


/*!
* Ext JS Library 3.3.0
* Copyright(c) 2006-2010 Ext JS, Inc.
* [email protected]
* http://www.extjs.com/license
*/
Ext.onReady(function(){

// create some portlet tools using built in Ext tool ids
var tools = [{
id:'gear',
handler: function(){
Ext.Msg.alert('Message', 'The Settings tool was clicked.');
}
},{
id:'close',
handler: function(e, target, panel){
panel.ownerCt.remove(panel, true);
}
}];

var viewport = new Ext.Viewport({
layout:'border',
items:[{
region:'west',
id:'west-panel',
title:'West',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'35 0 5 5',
layout:'accordion',
layoutConfig:{
animate:true
}
},{
xtype:'portal',
region:'center',
margins:'35 5 5 0',
items:[{
columnWidth: 1,
style:'padding:10px 10px 10px 10px',
items:[{
title: 'Another Panel 1',
tools: tools,
html: Ext.example.shortBogusMarkup
},{
title: 'Another Panel 1',
tools: tools,
html: Ext.example.shortBogusMarkup
},{
title: 'Another Panel 1',
tools: tools,
html: Ext.example.shortBogusMarkup
},{
title: 'Another Panel 1',
tools: tools,
html: Ext.example.shortBogusMarkup
},{
title: 'Another Panel 1',
tools: tools,
html: Ext.example.shortBogusMarkup
},{
title: 'Another Panel 1',
tools: tools,
html: Ext.example.shortBogusMarkup
},{
title: 'Another Panel 1',
tools: tools,
html: Ext.example.shortBogusMarkup
},{
title: 'Another Panel 1',
tools: tools,
html: Ext.example.shortBogusMarkup
},{
title: 'Another Panel 1',
tools: tools,
html: Ext.example.shortBogusMarkup
},{
title: 'Another Panel 1',
tools: tools,
html: Ext.example.shortBogusMarkup
}]
}]

/*
* Uncomment this block to test handling of the drop event. You could use this
* to save portlet position state for example. The event arg e is the custom
* event defined in Ext.ux.Portal.DropZone.
*/
// ,listeners: {
// 'drop': function(e){
// Ext.Msg.alert('Portlet Dropped', e.panel.title + '<br />Column: ' +
// e.columnIndex + '<br />Position: ' + e.position);
// }
// }
}, {
region:'east',
id:'east-panel',
title:'east',
split:true,
layout: 'fit',
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'35 0 5 5'
}]
});
});