PDA

View Full Version : [pr4] strange behavior - Border Layout in IE9



willy9532
16 Mar 2011, 6:51 PM
<!DOCTYPE HTML>

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test Border Layout - ExtJS4 PR4</title>

<link rel="stylesheet" type="text/css" href="./resources/css/ext-all.css" />
<script type="text/javascript" src="ext-core-debug.js"></script>
<script type="text/javascript" src="ext-all-debug.js"></script>


<script type="text/javascript">
Ext.require(['*']);


Ext.onReady( function(){

Ext.create('Ext.Viewport', {
layout: {
type: 'border',
padding:0
},
defaults: {
split: true
},
items: [{
region: 'west',
collapsible: true,
floatable: true,
title: 'Tool',
split: true,
width: 200,
html: 'west<br>I am floatable'
},{
region: 'center',
layout: 'border',
border: false,
items: [{
region: 'north',
collapsible: true,
title: 'Filter / Search',
split: true,
minHeight:50,
height: 100,
html: 'north'
}, {
title: 'Test - Data',
region: 'center',
html: 'center center'
},{
region: 'south',
minHeight:50,
height: 100,
split: true,
collapsible: true,
title: 'Test - Status',
margins: '0 0 0 0',
html: 'center south'
}]
}]
});
});
</script>


</head>



<body>

</body>
</html>