Sencha Architect 2.1.0
ExtJS 4.1.2
Hi,
This is a simple question which seems to be asked often, but reading the answers, I don't have a clear answer yet.
I'm using sencha architect to create a basic form for ExtJS.
I'm creating a form panel in architect. I've put a field container underneath it, and then added a vertical column of various types of fields (checkboxes, text, numeric).
I want to set the label width for all of those fields in one place.
I *thought* that the docs, and people's comments, suggest that labelWidth on the fieldContainer should achieve this, but it doesn't seem to.
I vaguely recall in Touch 1 that I would configure default attributes for children on the parent, but I can't see any hint of that in ExtJS/SA right now.
Is there any easy way of doing this?
Thanks
Code:
{
xtype: 'panel',
title: '!Configuration',
items: [
{
xtype: 'form',
height: 551,
itemId: 'config_form',
layout: {
align: 'stretch',
type: 'vbox'
},
bodyPadding: 10,
items: [
{
xtype: 'fieldcontainer',
height: 283,
layout: {
align: 'stretch',
type: 'vbox'
},
labelAlign: 'left',
labelWidth: 300,
items: [
{
xtype: 'checkboxfield',
fieldLabel: 'Bar'
},
{
xtype: 'checkboxfield',
fieldLabel: 'Foo'
},
{
xtype: 'checkboxfield',
fieldLabel: 'Longer Foo, etc'
},
{
xtype: 'checkboxfield',
fieldLabel: 'Foo'
},
{
xtype: 'checkboxfield',
fieldLabel: 'Bar'
},
{
xtype: 'numberfield',
fieldLabel: 'Bar longer bar whatever'
},
{
xtype: 'numberfield',
fieldLabel: 'Foo'
}
]
}
]
}
]
}