Printable View
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:
Code:var form = new Ext.form.FormPanel({
title: 'myForm'
, labelWidth: 100 // ex. is not working I tried 10, 20, 50, 100 is nothing =(
, items: [
{ ... }
]
})
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.
Agreed, I don't see any issue here:
Code: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'
}]
});
});
Are you also setting a labelStyle?
Ext does contain a bug that breaks hideLabels, labelAlign and labelWidth when setting labelStyle.
I tried large 100 is work more less tha 100 not working this is normal??
not it's not. post a full test case, and/or take note of @condor's question in post #4.
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?
Attachment 36774
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.