Hi guys, I am having some trouble trying to get multi-handle slider (AJAX Toolkit for ASP.NET) to work. After 6 hours of trying, I feel like banging my head on a wall. I probably code it wrong, since multi-handle slider is not documented very well and I had little luck finding an example online.
The problem is that when I load up the page that contains a slider with two handles, whenever the first handle (the one on the left) is clicked, it automatically jumps to the position of the second handle. The second handle has its problem too: it can only move to the right but not the left.
Please help me if you could! I'd greatly appreciate it!!
Here's the source code (there's no code-behind):
<Form>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<asp:TextBox ID="TextBox2" runat="server" >25</asp:TextBox>
<br />
<asp:TextBox ID="TextBox3" runat="server">75</asp:TextBox>
<asp:MultiHandleSliderExtender ID="MultiHandleSliderExtender1" TargetControlID = "Textbox1" runat="server" Enabled="True" HandleAnimationDuration="0.1" Maximum="100" Minimum="0" BehaviorID= "MultiHandleSliderExtender1" EnableInnerRangeDrag="False" InnerRailStyle="AsIs">
<MultiHandleSliderTargets>
<asp:MultiHandleSliderTarget ControlID = "Textbox2"/>
<asp:MultiHandleSliderTarget ControlID = "Textbox3"/>
</MultiHandleSliderTargets>
</asp:MultiHandleSliderExtender>
</Form>
The problem is that when I load up the page that contains a slider with two handles, whenever the first handle (the one on the left) is clicked, it automatically jumps to the position of the second handle. The second handle has its problem too: it can only move to the right but not the left.
Please help me if you could! I'd greatly appreciate it!!
Here's the source code (there's no code-behind):
<Form>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<asp:TextBox ID="TextBox2" runat="server" >25</asp:TextBox>
<br />
<asp:TextBox ID="TextBox3" runat="server">75</asp:TextBox>
<asp:MultiHandleSliderExtender ID="MultiHandleSliderExtender1" TargetControlID = "Textbox1" runat="server" Enabled="True" HandleAnimationDuration="0.1" Maximum="100" Minimum="0" BehaviorID= "MultiHandleSliderExtender1" EnableInnerRangeDrag="False" InnerRailStyle="AsIs">
<MultiHandleSliderTargets>
<asp:MultiHandleSliderTarget ControlID = "Textbox2"/>
<asp:MultiHandleSliderTarget ControlID = "Textbox3"/>
</MultiHandleSliderTargets>
</asp:MultiHandleSliderExtender>
</Form>