We are rendering the sliders dynamically in datalist as follow:
The issue is.. the sliders working fine in IE7.. but not in IE8.
In IE8, when we drag handle in one slider, it automatically drags handles on other sliders.
We are using telerik version : 2008.03.1314.35
<asp:DataList ID="dlIndicator" runat="server" CellPadding="0" CellSpacing="4" RepeatColumns="3" RepeatDirection="Horizontal"> |
<ItemTemplate> |
<table cellpadding="0" cellspacing="2" border="0"> |
<tr><td> </td><td><%#Eval("Name")%></td><td> </td></tr> |
<tr> |
<td valign="top"> |
<asp:CheckBox ID="chkIndicator" runat="server" /><asp:HiddenField ID="hdnIndicatorDomain" |
runat="server" Value='<%#Eval("IndicatorID")%>' /><asp:HiddenField ID="hdnIndicatorValue" runat="server" Value='<%#Eval("Value_")%>'/> |
</td> |
<td> |
<telerik:RadSlider ID="rslIndicator" runat="server" MinimumValue="0" MaximumValue="100" |
Value="50" OnClientValueChange="HandleValueChange" OnClientLoaded="HandleValueChange" |
Skin="Vista" SmallChange="5" Width="100px" /> |
</td> |
<td> |
<asp:Label ID="lblIndicator" runat="server"></asp:Label>% |
</td> |
</tr> |
</table> |
</ItemTemplate> |
</asp:DataList> |
<script type="text/javascript" defer="defer"> |
function HandleValueChange(sender, eventArgs) |
{ |
var spnid = sender.get_id().replace("rslIndicator","lblIndicator") |
document.getElementById(spnid).innerHTML = sender.get_value(); |
} |
</script> |
The issue is.. the sliders working fine in IE7.. but not in IE8.
In IE8, when we drag handle in one slider, it automatically drags handles on other sliders.
We are using telerik version : 2008.03.1314.35