I put together a sample site (on our intranet) and used the JQuery "Theme Switcher" to toggle between themes. I had one of each Jquery control on the page so that I could observe the look and feel of the controls as different themes were applied.
All of the controls seemed to apply the them correctly, except the igRating widget/control. On some themes, it looked good, but on others, it looked absolutely horrid. At times, you could not see what you were rating, nor the result. It did seem to look a little better on these themes after you clicked onto another part of the page and the igRating widget lost "focus".
I'm using IE8 and I'm not in compatibility mode.
I will double check, but I'm fairly certain that I replaced the "Custom" CSS with the themed css. However I'm not able to check at the moment. I will let you know ASAP though.
Thanks,Tony
Hi Antony,
The igRating should support themeroller same way as all other widgets. However, in order for themeroller to work properly, page should not contain conflicting css attributes which take over and override jquery defaults.
I suspect that sample, which you test, contains reference to jquery.ui.custom.css, which is used by some of installation samples, or a similar file. I suggest you to check content of sample or better to check actual css classes applied to vote/star-html-elements of igRating (like Developer tools in IE9). If sample contains jquery.ui.custom.css, then it should be removed.
In case of themeroller, sample should contain only default css classes such as jquery.ui.all.css, ig.ui.rating.css, ig.ui.grid.css, ig.ui.editors.css, etc.