[How Do I:] Use the ASP.NET AJAX Slider Control?

minh dang down ve nhung van de hieu thi phai can thoi gian vay?

Very good tutorial.....thanks

Thanks ! Jërëjëf!

Very good tutorial, thanks I love this stuff. However, when using a vertical slider, how can I ensure that the max value is shown on the TOP, not on the BOTTOM? Not very logical to increase a value by dragging a slider downwards, now is it?

Hi All,

My code looks like this:

.aspx

</asp:TextBox>

<ajaxToolkit:SliderExtender ID="SliderExtender1"

runat="server" TargetControlID="Slider"

RailCssClass="slider_rail" HandleCssClass="slider_handle"

HandleImageUrl="slider_custom_handle.png"

Maximum="8" Minimum="1" Steps="70" />

<asp:ImageButton ID="imgBtnStepRight" runat="server" ImageUrl="stepRight.png" OnClick="imgBtnStepRight_OnClick" />

.cs

protected void imgBtnStepLeft_OnClick(object sender, EventArgs e)

{ }

protected void imgBtnStepRight_OnClick(object sender, EventArgs e)

{ }

I want to give the user two options either to drag the handle or click on button on either sides, now all i want to do is to move the handle one step to left or right on button click.

Any suggestion? pleeeeeease

Sorry guys please ignore the above comment

Hi All,

My code looks like this:

.apsx

</asp:TextBox>

<ajaxToolkit:SliderExtender ID="SliderExtender1"

runat="server" TargetControlID="Slider"

RailCssClass="slider_rail" HandleCssClass="slider_handle"

HandleImageUrl="slider_custom_handle.png"

Maximum="8" Minimum="1" Steps="70" />

<asp:ImageButton ID="imgBtnStepRight" runat="server" ImageUrl="stepRight.png" OnClick="imgBtnStepRight_OnClick" />

.cs

protected void imgBtnStepLeft_OnClick(object sender, EventArgs e)

{ }

protected void imgBtnStepRight_OnClick(object sender, EventArgs e)

{ }

I want to give the user two options either to drag the handle or click on button on either sides, now all i want to do is to move the handle one step to left or right on button click.

Any suggestion? pleeeeeease

Hello all

again please ignore my last two messages for some reason each time i submit a comment it igoners all the text between ".apsx" and "</asp:TextBox>" and i end up supplying half the code which does not give you guys the right picture of what i am trying to do and rendering myself unhelpful. I was using Google Chorme. Anyways I will try again in IE.

Imagine this on webpage

BUTTON1_____SLIDER EXTENDER_____BUTTON2

CSS CODE

.slider_rail {

position: relative;

height: 26px;

background: #FFFFFF url(slider_custom_rail.png) no-repeat;

}

.slider_handle {

position: absolute;

height: 26px;

width: 22px;

}

ASPX code

</asp:TextBox>

<ajaxToolkit:SliderExtender ID="SliderExtender1"

runat="server" TargetControlID="Slider"

RailCssClass="slider_rail" HandleCssClass="slider_handle"

HandleImageUrl="slider_custom_handle.png"

Maximum="8" Minimum="1" Steps="70" />

<asp:ImageButton ID="imgBtnStepRight" runat="server" ImageUrl="stepRight.png" OnClick="imgBtnStepRight_OnClick" />

CS code

protected void imgBtnStepLeft_OnClick(object sender, EventArgs e)

{ }

protected void imgBtnStepRight_OnClick(object sender, EventArgs e)

{ }

I want to give the user two options either to drag the handle or click on button on either sides, now all i want to do is to move the handle one step to left or right on button click.

Any suggestion? pleeeeeease

Hello all

IT HAS HAPPENED AGAIN. THIS WILL BE MY LAST ATTEMPT

again please ignore my last three messages for some reason each time i submit a comment it igoners all the text between ".apsx" and "</asp:TextBox>" and i end up supplying half the code which does not give you guys the right picture of what i am trying to do and rendering myself unhelpful. I was using Google Chorme. Anyways I will try again in IE.

Imagine this on webpage

BUTTON1_____SLIDER EXTENDER_____BUTTON2

CSS CODE

.slider_rail {

position: relative;

height: 26px;

background: #FFFFFF url(slider_custom_rail.png) no-repeat;

}

.slider_handle {

position: absolute;

height: 26px;

width: 22px;

}

.aspx

asp:ImageButton ID="imgBtnStepLeft" runat="server" ImageUrl="stepLeft.png" OnClick="imgBtnStepLeft_OnClick"

asp:TextBox ID="Slider" runat="server"

</asp:TextBox>

<ajaxToolkit:SliderExtender ID="SliderExtender1"

runat="server" TargetControlID="Slider"

RailCssClass="slider_rail" HandleCssClass="slider_handle"

HandleImageUrl="slider_custom_handle.png"

Maximum="8" Minimum="1" Steps="70" />

<asp:ImageButton ID="imgBtnStepRight" runat="server" ImageUrl="stepRight.png" OnClick="imgBtnStepRight_OnClick" />

CS code

protected void imgBtnStepLeft_OnClick(object sender, EventArgs e)

{ }

protected void imgBtnStepRight_OnClick(object sender, EventArgs e)

{ }

I want to give the user two options either to drag the handle or click on button on either sides, now all i want to do is to move the handle one step to left or right on button click.

Any suggestion? pleeeeeease