This is a migrated thread and some comments may be shown as answers.

Selected Stars Have Black Background

6 Answers 83 Views
Rating
This is a migrated thread and some comments may be shown as answers.
ktell
Top achievements
Rank 1
ktell asked on 14 Aug 2013, 08:23 PM
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

6 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 16 Aug 2013, 12:50 PM
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
0
ktell
Top achievements
Rank 1
answered on 16 Aug 2013, 10:14 PM
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
0
Bozhidar
Telerik team
answered on 20 Aug 2013, 06:27 AM
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.
0
ktell
Top achievements
Rank 1
answered on 21 Aug 2013, 10:36 PM
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
0
Bozhidar
Telerik team
answered on 22 Aug 2013, 11:44 AM
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.
0
ktell
Top achievements
Rank 1
answered on 22 Aug 2013, 04:28 PM
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
Tags
Rating
Asked by
ktell
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
ktell
Top achievements
Rank 1
Bozhidar
Telerik team
Share this question
or