PDA

View Full Version : Bug ? HBox Layout not working under IE 8 ?



eks8fe
26 Jan 2010, 3:31 PM
Hi,

I have problems using the HBox Layout.
In FireFox HBox Layout is working fine - but not in IE 8 !
Here a prototype - start it with FireFox you'll see that HBox Layouting is working without problems. In IE8 HBox Layouting is not working at all:


<script type="text/javascript">
Ext.onReady(function() {

var numItems = 0;

var panel1 = {
frame : true,
border: false,
bodyBorder: false,
html: 'Test Panel 1'
}

var panel2 = {
frame : true,
border: false,
bodyBorder: false,
html: 'Test Panel 2'
}

var panel3 = {
frame : true,
border: false,
bodyBorder: false,
html: 'Test Panel 3'
}


var HBoxPanel1 = {
frame : true,
border: false,
bodyBorder: false,
layout: 'hbox',
items: [
panel1,
panel2,
panel3
]
}




var childPnl1 = { // 1
frame : true,
border: false,
bodyBorder: false,
padding: '10 20 10 20',
height : 100,
layout: 'fit',
items: [
HBoxPanel1
]
}



var myWin = new Ext.Window({ // 3
height : 120,
width : 800,
border: false,
bodyBorder: false,
closable: false,
//title : 'A window with a container layout',
autoScroll : true,
items : [ // 5
childPnl1
]

});

myWin.show();

});
</script>

evant
26 Jan 2010, 4:34 PM
You haven't specified dimensions, either using width or flex. How is it supposed to size the components?