PDA

View Full Version : Scrolling problems with a map inside a vbox layout



Nicodemuz
13 Feb 2011, 11:02 PM
Hi,

I'm having some scrolling issues when I'm trying to embed a map inside a Panel that has a vbox layout. When I scroll the map, the map seems to shrink or expand and to also adjust the height of the other vbox child panels. How can I avoid this type of behaviour? Or is this a bug?

Below is some example code that demonstrates the problem:


var panel_Top = new Ext.Map({
flex: 1,
scroll: 'none',

mapOptions:{
zoom: 14,
navigationControl: false,
streetViewControl: false,
mapTypeControl: false,
disableDefaultUI: true
}

});

var panel_Bottom = new Ext.Panel({
scroll: 'none',
flex: 1,
layout: 'fit',
html: 'Panel'
});

var panel_Container = new Ext.Panel({
scroll: 'none',
layout: {
type: 'vbox',
align: 'stretch',
pack: 'center'
},
dockedItems : [{
xtype : 'toolbar',
dock : 'top',
title : 'Panel'
}],
items: [
panel_Top,
panel_Bottom
]
});



Naturally, I do not want that the height of the panel_Bottom is affected when browsing the map (panel_Top).

Any help would be much appreciated!

Nicodemuz
14 Feb 2011, 6:18 PM
Should I submit this as a bug?

Nicodemuz
14 Feb 2011, 6:45 PM
Nevermind! I noticed that instead of using:
scroll: 'none'

I should use:
scroll: false

I-|