PDA

View Full Version : listclass x-combo-list-small in formpanel not working



ttbgwt
7 Mar 2011, 6:54 AM
I can not get the listclass to work for x-combo-list-small when a combobox is within a formpanel. To test, modify the xml form example online

http://dev.sencha.com/deploy/dev/examples/form/xml-form.html

and add the following to the combobox listClass: 'x-combo-list-small':


new Ext.form.ComboBox({
fieldLabel: 'State',
hiddenName:'state',
store: new Ext.data.ArrayStore({
fields: ['abbr', 'state'],
data : Ext.exampledata.states // from states.js
}),
valueField:'abbr',
displayField:'state',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select a state...',
selectOnFocus:true,
width:190,

listClass: 'x-combo-list-small'
}),

ttbgwt
9 Mar 2011, 8:06 AM
bump

fay
9 Mar 2011, 8:46 AM
Not certain why it doesn't work - seems like you need to add !important to it. It works if you add your own css and specify that in listClass:


<style>
.my-x-combo-list-small {
font: 11px tahoma,arial,helvetica,sans-serif !important;
}
</style>