[2.2] FormPanel, labelWidth not working

[Perfect Lion]

Hi staff,

I need increase on size the label in my FormPanel, I used the config of FormPanel "labelWidth" more not working =/

What is bug?

ex:

var form = new Ext.form.FormPanel({
	title: 'myForm'
	, labelWidth: 100 // ex. is not working I tried 10, 20, 50, 100 is nothing =(
	, items: [
		{ ... }
	]
})

[mystix]

that's not possible.

compare your existing code with the code in examples/form/dynamic.js from the official Ext download -- i've just tried that and it works correctly.

[evant]

Agreed, I don't see any issue here:

Ext.onReady(function(){
    var fp = new Ext.form.FormPanel({
        labelWidth: 120,
        renderTo: document.body,
        width: 400,
        height: 400,
        items: [{
            xtype: 'textfield',
            fieldLabel: 'F1'
        },{
            xtype: 'textfield',
            fieldLabel: 'F2'
        }]
    });
});

[Condor]

Are you also setting a labelStyle?

Ext does contain a bug that breaks hideLabels, labelAlign and labelWidth when setting labelStyle.

[Perfect Lion]

I tried large 100 is work more less tha 100 not working this is normal??

[mystix]

not it's not. post a full test case, and/or take note of @condor's question in post #4.

[grephin]

I got the same problem with you and even the width, height, labelAlign are not working too..

I used the form panel in the pop up whenever a button was clicked..

here's my code, do you already have the solution for this problem?

erorextjs.txt

[smlgroot]

Hi, I solved the problem using Ext.form.Labelable configuration as is described here http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.form.Labelable

Example:


newExt.form.Panel({ fieldDefaults:{ labelAlign:'left', labelWidth:100}, items:[{ xtype:'fieldset', defaults:{ labelAlign:'top'}, items:[{ name:'field1'},{ name:'field2'}]},{ xtype:'fieldset', items:[{ name:'field3', labelWidth:150},{ name:'field4'}]}]});Regards.