PDA

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



dwb
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:

Ext.define('Books.view.layout.dbComboBox0',
{
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'],


data:
[
//value-txt pairs
[1, 'Reason 1'],
[2, 'Second Reason'],
[3, 'Something else']
]
});
this.callParent(arguments);
}
});


Help Please,

Thanks!