ExtJS 4 How to set the width of a ComboBox

extjs extjs4.2
Nabarun picture Nabarun · Nov 10, 2013 · Viewed 11.5k times · Source

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'
    }

Answer

Tủn picture Tủn · Nov 11, 2013

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.

Related questions

Extjs 4.2: How to send parameters properly in a Ext.Ajax.Request POST

I have to do a POST from my ExtJs script in order to delete something from my DB: Ext.Ajax.request({ url: 'deleteRole.html', method: 'POST', headers: {'Content-Type': 'text/html'}, waitTitle: 'Connecting', waitMsg: 'Sending data...', params: { "rolename" : rolename }, scope:…

Read More
How to send extra parameters when loading a store to a combobox in ExtJS 4?

How do I send extra parameters when using a store for a combobox in ExtJS 4? I know that I can use "extraParams" in the proxy-settings, but that will affect ALL elements that is using the same store. I.e if …

Read More
Updating a field in a record dyanamically in extjs

Scenario I want to update the column data of particular record in grid having store with static data. Here is my store: extend : 'Ext.data.Store', model : 'MyModel', autoLoad:true, proxy: { type: 'ajax', url: 'app/data/data.json', reader: { type: …

Read More