PDA

View Full Version : How to remove the bullet point(dot) in the combo box?



ParameshJ2ee
6 Jan 2014, 2:41 PM
I am very new to ExtJS and using 4.1.0 version. I could see a dot in combo box (shown in below image) in my web page.
47453

Here is the code that I have put in.

var my_data = [ [ 'one' ], [ 'two' ], [ 'three' ], [ 'four' ], [ 'five' ] ];
var numberField = new Ext.form.ComboBox({
fieldLabel : 'Number',
renderTo : "displayCombo",
store : new Ext.data.SimpleStore({
fields : [ 'number' ],
data : my_data
}),
displayField : 'number',
typeAhead : true,
mode : 'local',
triggerAction : 'all',
emptyText : 'Choose number...',
selectOnFocus : true
});

Can someone please tell me what is wrong with my code? Thank you.

Gary Schlosberg
6 Jan 2014, 8:26 PM
Thinking this is CSS related. Your code looks fine in this Fiddle:
https://fiddle.sencha.com/#fiddle/2g8

ParameshJ2ee
7 Jan 2014, 7:45 AM
Thank you Gary, I will try to figure it out.

Gary Schlosberg
7 Jan 2014, 8:09 AM
It is likely a style applied to the list (LI) element.

ParameshJ2ee
8 Jan 2014, 7:21 AM
I replaced the existing ext-all.css with 4.2.0 version file then it started working fine. Not sure what was the issue with 4.1.0 version ext-all.css file.

Thanks Gary.

Regards
Paramesh R