Introduction : SliderExtender Control allow that user choose a numeric value for a finite range.The SlidereExtender can be vertical and horizental and select only specfic numeric value for a particular range.Step 1 : Open visual studio and go to file menu option.
<title>my application ajax</title> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div> <asp:DropShadowExtender ID="DropShadowExtender1" runat="server" TargetControlID = "Panel1" BehaviorID = "DropShadowBehaviour1" Rounded ="true" Width ="4" Radius = "7" Opacity =".95" TrackPosition = "true"> </asp:DropShadowExtender> <asp:SliderExtender ID = "SliderExtender1" TargetControlID = "TextBoX1" runat="server"> </asp:SliderExtender> <asp:Panel ID="Panel1" BackColor = "RED" Height = "123px" Width = "124px" runat="server"> <asp:TextBox ID="TextBox1" Width ="125px" BackColor = "BLUE" BorderStyle = "None" runat="server"></asp:TextBox> </asp:Panel> </div> </form> </body> </html> Step 3: Now we press F5 and find the output.
SliderExtender Control in AjaxControl Toolkit
DropShadow Extender Control in Ajax Control ToolKit