Selected Stars Have Black Background

7 posts, 0 answers
  1. ktell
    ktell avatar
    6 posts
    Member since:
    Sep 2006

    Posted 14 Aug 2013 Link to this post

    Hi,

    I'm adding the RadRating control to an existing user control. It works and looks correct in both Firefox and Chrome, but in IE 9 the stars displayed after selecting a rating all have a black background, like the transparency is not working. I've tried with several of the skins and it is the same result. My setup for the control is:

    <telerik:RadRating ID="RadRating1" runat="server" ItemCount="5" SelectionMode="Continuous"
                            Precision="Half" Skin="Default">
                        </telerik:RadRating>

    The demos on your site look correct for me though.

    Here is a link to a screen capture showing the problem.

    Thank you for any assistance.

    Greg
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 16 Aug 2013 Link to this post

    Hi Ktell

    It seems that you have some custom CSS loaded on your page that overrides the RadRating styles.
    Can you try removing all custom CSS and check again if the issue still exists?

    RadRating is built with UL, LI, A and SPAN HTML elements and any global CSS applied to that elements could break the control.
     If this is the case, I would recommend not to use global CSS selectors, but to cascade for the specific part of your site and not to apply any unwanted styles to RadRating.

    Thanks
    Shinu
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. ktell
    ktell avatar
    6 posts
    Member since:
    Sep 2006

    Posted 16 Aug 2013 Link to this post

    Hi Shinu,

    Thanks for the reply. I had removed all my css references and that fixed some of the issues I was seeing, but not this particular one. Inspecting the element in Chrome's developer window shows only the Telerik styles being applied.

    Greg
  5. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 20 Aug 2013 Link to this post

    Hi,

    If you check the Rating demo page at: http://demos.telerik.com/aspnet-ajax/rating/examples/overview/defaultcs.aspx you find that the controls works as expected. As it was mentioned in a previous post, if there are some visual glitches in the controls, most probably they are caused by a custom CSS which break the controls layout.

    With only image provided, we can not tell what is the thing that causes the problem in your case. To be able to give some futher help, we will need a simple sample project with the issue reproduced, so we will be able to test it on our side. A live URL will be also an option to test the issue.

    Regards,
    Bozhidar
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  6. ktell
    ktell avatar
    6 posts
    Member since:
    Sep 2006

    Posted 21 Aug 2013 Link to this post

    Hi Bozhidar,

    Thanks for your reply.Unfortunately the project I'm using the rating control in is rather complex, so would be hard to put a sample together.

    I've been able to get around the issue by creating a custom skin and giving the stars image a background to match the page it's on. While working on this I found that IE uses the gif format stars image, while the other browsers use the png formatted one. Maybe there's an issue with how the gif is used? Ah well, I have an acceptable solution working.

    Thank you for your assistance!

    Greg
  7. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 22 Aug 2013 Link to this post

    Hi,

    The the background image has some transparency around the items, GIF is used for IE6 browser only, as it does not render correctly the PNG image, and shows the transperancy with some black color - actually this could be your problem if you test it in IE6. For all other browsers the PNG is used to provide nice and smooth image.

    If you have any further questions, do not hesitate to contact us.

    Regards,
    Bozhidar
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  8. ktell
    ktell avatar
    6 posts
    Member since:
    Sep 2006

    Posted 22 Aug 2013 Link to this post

    Hi Bozhidar,

    I'm actually using IE 9.0.8112.16421 on Windows 7 Ultimate.

    I determined which graphic was used in the browsers by making the stars different colors in the gif and png versions.

    Greg
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017