PDA

View Full Version : [FIXED] Layout Issue with box/fieldset/anchor



James Goddard
9 Mar 2011, 8:10 AM
I'm not sure which is the actual culprit here but given the following code:

Ext.onReady (function () {
var formPanel = Ext.create('Ext.form.FormPanel', {
frame: true,
title: 'test',
width: 340,
height: 500,
bodyPadding: 5,
layout: {
type: 'vbox',
align: 'stretch'
},
items: [{
xtype: 'fieldset',
height: 50,
items: [{
xtype: 'textfield',
name: 'textfield1',
fieldLabel: 'Text field',
value: 'Text field value',
anchor: '100%'
}]
}, {
xtype: 'fieldset',
flex: 1,
layout: 'anchor',
items: [{
xtype: 'textareafield',
name: 'textarea1',
fieldLabel: 'TextArea',
value: 'Textarea value',
anchor: '100% 100%'
}]
}]
});

formPanel.render('form-ct');
});


The textarea is not properly anchored (height). If I change the second fieldset to a container it works as expected so I'm guessing the problem is in the fieldset.

narram123
10 Jan 2012, 5:26 AM
I guess there should be a problem with the text area field.