I'm trying to use anchor fields within a fieldset, and while the fieldset resizes ok, the anchor fields it contains dont resize. I have added a fieldset to the Extjs 2.0 beta 1 "Anchor Layout" example to demonstrate, see code following.
Am I missing something simple?
PHP Code:
Ext.onReady(function() {
var form = new Ext.form.FormPanel({
baseCls: 'x-plain',
labelWidth: 55,
url:'save-form.php',
items: [{
xtype:'fieldset',
title: 'fieldset title',
collapsible: false,
autoHeight:true,
autoWidth:true,
items: [{
fieldLabel: 'Send To',
xtype: 'textfield',
name: 'to',
anchor:'100%' // anchor width by percentage
},{
fieldLabel: 'Subject',
xtype: 'textfield',
name: 'subject',
anchor: '100%' // anchor width by percentage
}, {
xtype: 'textarea',
hideLabel: true,
name: 'msg',
anchor: '100% -53' // anchor width by percentage and height by raw adjustment
}]
}]
});
var window = new Ext.Window({
title: 'Resize Me',
width: 500,
height:300,
minWidth: 300,
minHeight: 200,
layout: 'fit',
plain:true,
bodyStyle:'padding:5px;',
buttonAlign:'center',
items: form,
buttons: [{
text: 'Send'
},{
text: 'Cancel'
}]
});
window.show();
});