ExtJS 4 How to set the width of a ComboBox

Question

How can I set the width of a ComboBox input field? I tried to set the width and it does not work. I could not find any CSS variable for width though there is one for height ($form-field-height).

I have also tried to set width in fieldStyle.

    fieldStyle: {
        width: '100px'
    }

I am able to change the height though. The following works.

    fieldStyle: {
        height: '60px'
    }

score 7 · Answer 1 · answered Nov 11 '13 at 10:05

7

code4jhon answered it, I just want to add some notes: Is your combobox is inside a parent container with a auto-fixed layout type: like hbox, vbox,...? You can't change width and height because it's controlled by its parent layout.

answered Nov 11 '13 at 10:05

Harry

678
10
26

It was in a container with `hbox` layout. Changing the layout to `fit` works. – Nabarun Nov 11 '13 at 10:38

score 3 · Accepted Answer · answered Nov 11 '13 at 00:50

3

Width does work, you can play with this code to watch it:

https://fiddle.sencha.com/#fiddle/1g3

Best regards.

answered Nov 11 '13 at 00:50

code4jhon

5,725
9
40
60

1

It works. I must have some wrong layout on the container that holds the combo. – Nabarun Nov 11 '13 at 10:23

score 0 · Answer 3 · answered Nov 10 '13 at 09:34

0

Can you try this using !important in css,

fieldStyle: {
    width: 100px!important;
}

answered Nov 10 '13 at 09:34

Krish R

22,583
7
50
59

ExtJS 4 How to set the width of a ComboBox

3 Answers3