Hi,
I have three rating controls on a page two standard and one using custom images. The standard controls work fine in IE9 but the custom controls flickers on mouse over and mouse move, it is not just the item under the cursor but all of the items that flicker randomly. Seems OK on other browsers (have checked IE8, Chrome and FF9 and there is no flickering).
The images are all png and are 22px x 22px and about 1k in size.
I am using the Q1 2012 .NET 4.0 controls, on IIS 7.5 on Windows Server 2008R2.
Do you have any ideas?
Thanks
Chris
Markup:
I have three rating controls on a page two standard and one using custom images. The standard controls work fine in IE9 but the custom controls flickers on mouse over and mouse move, it is not just the item under the cursor but all of the items that flicker randomly. Seems OK on other browsers (have checked IE8, Chrome and FF9 and there is no flickering).
The images are all png and are 22px x 22px and about 1k in size.
I am using the Q1 2012 .NET 4.0 controls, on IIS 7.5 on Windows Server 2008R2.
Do you have any ideas?
Thanks
Chris
Markup:
<
div
id
=
"score_entry"
>
<
div
id
=
"grade"
style
=
"float: left"
>
Predicted Grade:
<
telerik:RadRating
ID
=
"Predication"
runat
=
"server"
Orientation
=
"Horizontal"
ItemHeight
=
"22px"
ItemWidth
=
"22px"
ItemCount
=
"7"
SelectionMode
=
"Single"
>
<
Items
>
<
telerik:RadRatingItem
Value
=
"0"
HoveredImageUrl
=
"/Images/grades/snograde.png"
HoveredSelectedImageUrl
=
"/Images/grades/snograde.png"
SelectedImageUrl
=
"/Images/grades/snograde.png"
ImageUrl
=
"/Images/grades/unograde.png"
ToolTip
=
"No Grade"
/>
<
telerik:RadRatingItem
Value
=
"7"
HoveredImageUrl
=
"/Images/grades/sS.png"
HoveredSelectedImageUrl
=
"/Images/grades/sS.png"
SelectedImageUrl
=
"/Images/grades/sS.png"
ImageUrl
=
"/Images/grades/uS.png"
ToolTip
=
"A*"
/>
<
telerik:RadRatingItem
Value
=
"6"
HoveredImageUrl
=
"/Images/grades/sA.png"
HoveredSelectedImageUrl
=
"/Images/grades/sA.png"
SelectedImageUrl
=
"/Images/grades/sA.png"
ImageUrl
=
"/Images/grades/uA.png"
ToolTip
=
"A"
/>
<
telerik:RadRatingItem
Value
=
"5"
HoveredImageUrl
=
"/Images/grades/sB.png"
HoveredSelectedImageUrl
=
"/Images/grades/sB.png"
SelectedImageUrl
=
"/Images/grades/sB.png"
ImageUrl
=
"/Images/grades/uB.png"
ToolTip
=
"B"
/>
<
telerik:RadRatingItem
Value
=
"4"
HoveredImageUrl
=
"/Images/grades/sC.png"
HoveredSelectedImageUrl
=
"/Images/grades/sC.png"
SelectedImageUrl
=
"/Images/grades/sC.png"
ImageUrl
=
"/Images/grades/uC.png"
ToolTip
=
"C"
/>
<
telerik:RadRatingItem
Value
=
"3"
HoveredImageUrl
=
"/Images/grades/sD.png"
HoveredSelectedImageUrl
=
"/Images/grades/sD.png"
SelectedImageUrl
=
"/Images/grades/sD.png"
ImageUrl
=
"/Images/grades/uD.png"
ToolTip
=
"D"
/>
<
telerik:RadRatingItem
Value
=
"2"
HoveredImageUrl
=
"/Images/grades/sE.png"
HoveredSelectedImageUrl
=
"/Images/grades/sE.png"
SelectedImageUrl
=
"/Images/grades/sE.png"
ImageUrl
=
"/Images/grades/uE.png"
ToolTip
=
"E"
/>
<
telerik:RadRatingItem
Value
=
"1"
HoveredImageUrl
=
"/Images/grades/sU.png"
HoveredSelectedImageUrl
=
"/Images/grades/sU.png"
SelectedImageUrl
=
"/Images/grades/sU.png"
ImageUrl
=
"/Images/grades/uU.png"
ToolTip
=
"U"
/>
</
Items
>
</
telerik:RadRating
>
</
div
>
<
div
id
=
"classeffort"
style
=
"float: left"
>
Class Effort:
<
telerik:RadRating
ID
=
"rrClassEffort"
runat
=
"server"
>
</
telerik:RadRating
>
</
div
>
<
div
id
=
"prerpeffort"
style
=
"float: left"
>
Prep Effort:
<
telerik:RadRating
ID
=
"rrPrepEffort"
runat
=
"server"
>
</
telerik:RadRating
>
</
div
>
</
div
>