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

Sliders in repeater not working properly in IE6

1 Answer 38 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Rony
Top achievements
Rank 1
Rony asked on 14 Dec 2010, 02:55 PM
hi,
       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?
 

1 Answer, 1 is accepted

Sort by
0
Rony
Top achievements
Rank 1
answered on 15 Dec 2010, 07:54 AM
HI,
I found the issue.

style

 

="position:relative;overflow:auto;"

 

to the div solved the issue.
Tags
Slider
Asked by
Rony
Top achievements
Rank 1
Answers by
Rony
Top achievements
Rank 1
Share this question
or