title: 'North',
split: true,
height: 100,
+ minHeight: 60,
html: 'north'
},{
region: 'west',
title: 'Starts at width 30%',
split: true,
width: '30%',
+ minWidth: 100,
+ minHeight: 140,
html: 'west<br>I am floatable'
},{
region: 'center',
region: 'center',
html: 'center center',
title: 'Center',
+ minHeight: 80,
items: [cw = Ext.create('Ext.Window', {
xtype: 'window',
closable: false,
split: true,
collapsible: true,
title: 'Splitter above me',
+ minHeight: 60,
html: 'center south'
}]
},{
floatable: true,
split: true,
width: 200,
+ minWidth: 120,
+ minHeight: 140,
title: 'East',
layout: {
type: 'vbox',
},
items: [{
xtype: 'textfield',
+ labelWidth: 70,
fieldLabel: 'Text field'
}, {
xtype: 'component',
collapsible: true,
split: true,
height: 200,
+ minHeight: 120,
title: 'South',
layout: {
type: 'border',
items: [{
title: 'South Central',
region: 'center',
+ minWidth: 80,
html: 'South Central'
}, {
title: 'South Eastern',
region: 'east',
flex: 1,
+ minWidth: 80,
html: 'South Eastern',
split: true,
collapsible: true
title: 'South Western',
region: 'west',
flex: 1,
+ minWidth: 80,
html: 'South Western<br>I collapse to nothing',
split: true,
collapsible: true,