In my project i need to add more than 10 sliders to a repeater along with text boxes and labels. These sliders are added dynamicaly.
Below pasted the source of repeater. Div height is 135 so when more records are there it will become scrollable.
<div style="overflow: auto; height: 135px">
<asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound" >
<HeaderTemplate>
<table>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td style="width: 100px;">
<asp:Label ID="lblProduct1" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"ProductName") %>'></asp:Label>
</td>
<td style="width: 50px;">
<asp:TextBox Width="50px" ID="TextBox1" runat="server" Text="" onBlur= "CheckEnteredValue" ></asp:TextBox>
<asp:HiddenField ID= "hiddenTextBox1" runat="server" Value = '<%#DataBinder.Eval(Container.DataItem,"NumberOfPatients") %>' />
</td>
<td>
<telerik:RadSlider ID="RadSlider1" runat="server" AutoPostBack="true" Value='<%# Convert.ToInt32(DataBinder.Eval(Container.DataItem,"NumberOfPatients")) %>'
OnClientBeforeValueChange="OnClientValueChanging1" OnClientSlideStart="OnClientSlideStart1" ToolTip='<%# DataBinder.Eval(Container.DataItem,"ProductName") %>'
OnClientSlideEnd="OnClientSlideEnd" OnClientValueChange="ClientValueChangedRep1" >
</telerik:RadSlider>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
Now after databind() to repeater. In IE8 , it is displayed properly. But IE6 it is not aligned properly. When i use IE6, the scroll is present but only
textbox and lable is scrolling properly, sliders are not. I have attached both screen shot samples.
Please give me a solution. its very urgent. Where am doing wrong?