PDA

View Full Version : ColumnLayout not resizing after browser width resize



Chaoz
7 Nov 2010, 7:54 AM
Hi,

I was playing around with the column layout from the site's Demo page and one thing I observed with my
code below is that after resizing Firefox's width smaller or larger, the column doesn't dynamically re-adjust.

Something wrong with my code?




var searchPanel = new Ext.FormPanel({
labelAlign: 'top',
frame: true,
region: 'north',
border: false,
bodyStyle:'padding:5px 5px 0',
//width: 1024,
height: 100,
//layout: 'fit',
items: [{
layout:'column',
items:[{
columnWidth:.25,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: 'Type',
name: 'type'
}]
}, {
columnWidth:.25,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: 'Cylinder(s)',
name: 'cyl'
}]
}, {
columnWidth:.25,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: 'Make',
name: 'make'
}]
}, {
columnWidth:.25,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: 'Model',
name: 'model'
}]
}]
}],

buttons: [{
text: 'Search'
}]
});

Ext.onReady(function(){

Ext.QuickTips.init();
//Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

var viewport = new Ext.Viewport({
layout: 'border',
frame: false,
border: false,
items:[
new Ext.BoxComponent({ // raw
region:'north',
el: 'pageHeader',
height: 135
}), {
region: 'center',
layout: 'border',
id: 'innerBorderId',
frame: false,
border: false,
items:[
searchPanel
]


}]
});

});

thanks!