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.
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.
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 Tony,
Did you have a chance to check you css references?
Thanks,
Sorry, didnt' get an email on the response.
The references where correct. I've seen where they weren't though, where you don't see the stars of the rating control, but something that might resemble a stick figure swimming. However, that's not the issue. I have the references correct and see the stars.It's just that for many themes, the colors look way off and it can be very difficult to tell what the rating is vs the effect of moving the mouse over the rating.
Hello Tony,
Did you check our online sample demonstrating usage of Theme Roller in “Rating” control - http://samples.infragistics.com/jquery/rating/theme-roller ?
Test this example and let me know if you have the same experience as in your example with this online example.
I just did. Thank you. I see the same behavior as what I had in my test page, so it must not really be an issue with the control as much as it is with the theme chosen. Several of the themes just don't seem to work well with the rating control. on some, the difference between a rating and the normal star color are almost indistinguishable, such as "Cupertino" or "Eggplant". However, I'm now wondering how much of that is my monitor as well as the themes poor choice of colors. My initial thought was that perhaps the wrong classes where being used on the various elements in the control, that these themes should look better for the rating control, as they do for the grid and editors, but perhaps not. Anyway, I'm convinced now that it's a theme issue and not a control issue.
I just did. Thank you. I see the same behavior as what I had in my test page, so it must not really be an issue with the control as much as it is with the theme chosen. Several of the themes just don't seem to work well with the rating control. on some, the difference between a rating and the normal star color are almost indistinguishable, such as "Cupertino" or "Eggplant". However, I'm now wondering how much of that is my monitor as well as the themes poor choice of colors. My initial thought was that perhaps the wrong classes where being used on the various elements in the control, that these themes should look better for the rating control, as they do for the grid and editors, but perhaps not.
Anyway, I'm convinced now that it's a theme issue and not a control issue.
Thank you for your feedback.
Let me know if you have any further questions.