CODEWITHSUNDEEP
javascriptcssextjstextfield
Mehdi Fanai
Mehdi Fanai

Reputation: 4059

How to make textfield stick to its label in extjs?

hi i have a big windows with a form in it and some text fields.by default labels are aligned to the left and their input boxes are aligned to center. Is there a way to stick input boxes to their labels in left? Is there any tutorial on how to work with css on extjs?

Upvotes: 2

Views: 3795

Answers (2)

user123444555621
user123444555621

Reputation: 152976

Concerning your question on CSS: You won't be able to reposition Components contained in a Container with a FormLayout, unless you use !important all over the place.

This is because the layout sets the child components' dom style properties at render time.

Upvotes: 1

Zango
Zango

Reputation: 2387

Use: 

labelAlign : 'right'
in your form config. for example:

var form = new Ext.form.FormPanel({
    height : 200,
    width  : 250,
    labelAlign : 'right'
    labelWidth : 80, //because my fieldlabel is short enough
    items      : [{
        fieldLabel : 'Name',
        ....
    }, ....]
})

Upvotes: 5

Related Questions