Good day,
I am using the igCombo combobox throught my application, but am having trouble with the styling. I am using IgniteUI v13.2.20132.1010
I am overriding the [ui-igcombo ui-state-default ui-widget ui-corner-all] style for the span that is generated for the igCombo, but nothing happens. I have tried to add the class to the igCombo using jQuery's addClass() method, but also no luck. It seems that whatever I do, the Infragistics styles seem to be the default.
I am trying to override the dropdown by using the following:
.ui-igcombo .ui-state-default .ui-widget .ui-corner-all { background: url(../images/icon-fail.png) no-repeat right center #ffebef !important; color: #480000 !important; width: 100% !important; }
Nothing works.
As an FYI, I am using an ASP DropDownList for the control that the igCombo is being applied to, could this be an issue?
Hi, Eduard.
If I understood your question, you want to change the background of the combo, correct me if I'm wrong. You can do this by using the following class: ".ui-igcombo-field". You can try using it and if you have some problems or questions, don't hesitate to ask me.
Thanks,
Nikolay
Hi Nikolay,
I am experiencing a weird problem in IE 10. When I overrode the styles as you suggested, the majority of the control still has a white background and the far right of the control has the style I applied, including the image.
I am including my style here that I apply:
.ui-igcombo.ui-state-hover, .ui-igcombo.ui-state-default { background: url(../../images/icon-fail.png) no-repeat right center #ffebef !important; color: #000000; }
Would it be possible to assist? I've tried everything from using a DropDownList (ASP) to an input, but the result stays the same.
I'm glad to hear that. Thank you again for using our products.
Best regards, Nikolay Alipiev
Hi,
Yes, thank you.
I'm checking if you were able to resolve your issue. Don't hesitate to ask me if you have more questions.