How do I change the style of a WebDropDown?
I try changing what looks like the related CSS classes in the file ig_DropDown.css in the ig_res folder but that doesn't work. I try clearing my cache, resetting IIS, but the changes don't take even though is obviously looks like the place to go.
Hi,
there are various ways. One of them is to change the CSS classes in ig_DropDown.css. Just to make sure the styles are not loaded from another location than the one you're trying to edit, you can load a page and check some image or style, and see from which location the styles are loaded.
The second way to style it is to just define some CSS Class with the same name as the names defined in ig_dropDown.css - that is, you don't need to edit directly in ig_dropDown.css.
The third way is to assign a class name (string) to the properties exposed in the control. For example for DropDownItem you have CssClass, SelectedCssClass, ActiveCssClass, and so on. This will enable you to style everything even from code behind dynamically.
Hope it helps. Let me know if i can help you with anything else.
Thanks,
Angel
Thanks Angel. It works if I create classes of the same name in my site's masterpage to override the classes in the ig_dropDown.css. However I would like to change the igdd_DropDown.css classes so the effect is sitewide, but these changes never seem to take affect. Do you know why?
Not sure whether this will turn out to be the case, but there is a copy of ig_dropDown.css for every StyleSet. So if you modify it in "Default" and use "Appletini" StyleSet instead, it will still pick the one from Appletini, and not the modified one.
Please let me know whether this helps
I'm using the default style set. I take igdd_DropDown.css from the ig_res folder of my project and put it on my web server in a global location and then reference that location in my web config. I then change this css file and the change does not take.