How To Apply Styles On Combo Box Extension

Hello all

im using Combobox extension of yii and after few days of struggle and alot of help from a yii forum member i was able to implement that extension.

Now i want to apply some styles of my own on combobox extension.i want to change the default look of combobox.

can any one tell me how can i do that.

thanks

Hey

If that’s the one that creates a dropdown via the jquery UI framework. Then all you need to do is to customize the dropdown CSS classes. The combobox widget adds the .ui-combobox, .ui-combobox-toggle , .ui-combobox-input classes. You can also override the ones that come bundeled with the jquery ui framework.

Play around with the css on the left pane:

jsbin.com/udebov/3/edit

make use of the theme roller for jquery ui:

jqueryui.com/themeroller/

also check out what other classes are used in the jquery ui:

jqueryui.com/docs/Theming/API

If you can’t find the CSS class name you want to modify you can always right-click and inspect element in chrome or use firebug in firefox to find out what classes does the dropdown use.

Sorry, but i can’t embed links, I’m new to the forum, so you gotta copy/paste them.