SliderExtender Steps and Length in asp.net ajax

Ajax SliderExtender Steps and Length
UsingSliderExtenderSteps.aspx

<%@ Page Language="C#" AutoEventWireup="true" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html>
<script runat="server">
    protected void LinkButton1_Click(object sender, EventArgs e)
    {
        int imageWidth = Convert.ToInt32(TextBox2.Text);
        Image1.Width = 1 * imageWidth;
    }
            
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax SliderExtender Steps and Length - How to use</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DeepPink; font-style:italic;">Ajax Control Toolkit Example: How To Use Steps In Slider</h2>
        <hr width="575" align="left" color="Pink" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:SliderExtender 
            ID="SliderExtender1"
            runat="server"
            TargetControlID="TextBox1"
            BoundControlID="TextBox2"
            Minimum="100"
            Maximum="700"
            Orientation="Vertical"
            Steps="7"
            Length="250"
            >
        </cc1:SliderExtender>
        <table border="0" cellpadding="0" cellspacing="10">
            <tr valign="top">
                <td>
                    <asp:TextBox 
                        ID="TextBox1"
                        runat="server"
                        >
                    </asp:TextBox>
                    <asp:TextBox 
                        ID="TextBox2" 
                        runat="server"
                        ForeColor="Crimson"
                        Width="25"
                        >
                    </asp:TextBox>
                    <br />
                    <asp:LinkButton 
                        ID="LinkButton1"
                        runat="server"
                        Text="Apply"
                        ForeColor="LightPink"
                        Font-Bold="true"
                        BorderColor="DeepPink"
                        BorderWidth="1"
                        OnClick="LinkButton1_Click"
                        BackColor="Crimson"
                        >
                    </asp:LinkButton>
                </td>
                <td>
                    <asp:Image 
                        ID="Image1"
                        runat="server"
                        ImageUrl="~/Images/SeaBird.jpg"
                        Width="100"
                        />
                </td>
            </tr>
        </table>
        <br /><br />
    </div>
    </form>
</body>
</html>
Related asp.net ajax examples