View Full Version : ComboBox - Drop down List Font-size

18 Oct 2011, 3:39 PM
Hello All,

I'm quite confused regarding what base style is inherited in a combo box's dropdown list. The combo box I've created looks great until the the dropdown list is displayed - all the fonts in the dropdown list are about 4 sizes smaller than the label. Also, the dropdown list is centered and I would like it to be aligned left. A picture is attached to help illustrate my problem. I've tried all types of style over-rides and nothing seems to have any effect.

Here's the code I'm using for the combo box:

extend: 'Ext.form.ComboBox',

mode: 'local',
triggerAction: 'all',
editable: false,
valueField: 'value',
//id: 'countryCmb',
width: 295,
fieldLabel: 'Country',
emptyText: 'Select a country...',
displayField: 'label',

initComponent: function()
this.store = new Ext.data.ArrayStore(
name: 'Reasons',
fields: ['value', 'label'],

//value-txt pairs
[1, 'Reason 1'],
[2, 'Second Reason'],
[3, 'Something else']

Help Please,