PDA

View Full Version : window form layout issues



tolix2009
26 Jan 2010, 10:53 AM
Hi! I am a novice in Ext (3.0.3), and do not understand some layout behavour:
-------------------------------------------------
var win = new Ext.Window({
width: 500,
height: 400,
title: 'test window',
layout: 'fit',
items: [{
xtype: 'panel',
labelWidth: 150,
layout: 'form',
frame: true,
items: [{
xtype: 'textfield',
fieldLabel: 'firstname',
width: '100%'
},{
xtype: 'textfield',
fieldLabel: 'secondname',
width: '100%'
},{
xtype: 'textfield',
fieldLabel: 'surname',
width: '100%'
},{
xtype: 'fieldset',
title: 'neigtborhoods',
// width: '100%',
anchor: 'right -10 bottom -1'
}]
}]
});

win.show();
-------------------------------------------------
in my FF 3.5.2 I have a window;
issure 1: the width of the child fieldset (when setted 100%) not the same as width of three fields inserted before? why?
issure 2: the height of the child fieldset is more than parent height: in dom inspector i see that the fieldset sizes outs of the parent panel? How can I set fieldset anchoring to right and bottom panel edges?

26 Jan 2010, 11:58 AM
width : '100%' is an invalid configuration option. look a tthe API

26 Jan 2010, 11:59 AM
regarding anchor, you don't need to specify "right" or "bottom". It is explicit by the parameters passed.

tolix2009
27 Jan 2010, 3:33 AM
But how can I anchor my fieldset to bottom and right side of the panel?