ExtJS FormPanel Change labelWidth after adding fields dynamically

Question

I have a dynamic FormPanel where I need to set the label width after I have loaded in all the fields. I have tried using this.labelWidth = 200 before calling this.doLayout but it's ignoring the new value.

Can someone tell me where I can set this and redraw the form, thanks.

Mark Clancy · Accepted Answer · 2010-07-09 14:44:03Z

1

After looking through the extjs source code for FormLayout I found that some variables you can set to change the label width before calling doLayout on the form.

so inside your FormPanel use the following code to change the label width:

Ext.apply(this.layout, {
    labelAdjust: this.labelWidth + 5,
    labelStyle: 'width:' + this.labelWidth + 'px;',
    elementStyle: 'padding-left:' + (this.labelWidth + 5) + 'px'
});

this.doLayout();

answered Jul 9, 2010 at 14:44

Mark Clancy

7,9198 gold badges45 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tommi · Accepted Answer · 2010-06-08 08:49:43Z

0

Could it be that the labelWidth config option is not taken into consideration anymore after the FormPanel is rendered? Maybe you could acquire a reference to all the labels with FormPanel.findByType, set the label widths to 200, and then calling FormPanel.doLayout?

answered Jun 8, 2010 at 8:49

Tommi

8,6185 gold badges35 silver badges51 bronze badges

Collectives™ on Stack Overflow

ExtJS FormPanel Change labelWidth after adding fields dynamically

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related