The AJAX Slider extender control provides the functionality of slider bar rider that targets the ASP.Net 2.0 Textbox server control. It gets and sets the property of attached asp:textbox control that changes the position of slide extender control as well.

AJAX Slider control also displays the current position value in other textbox or label control if its ID is passed into the BoundControlID property of the Slider extender control. You can also specify the orientation of slider control as horizontal or vertical. Just define the maximum and minimum value for the AJAX slider extender it moves to and fro and changes the return value.

Precision point can also be specified if you want decimal point values using the slider control position.

Slider moves on the slider rail with a smooth moving effect it its animation property is set enabled. Default values for the slider extender are 0 to 100; if user does not specify these values then slider extender control uses the default set. You can also display the tool tip of slider control using {0} string format that dynamically changes the tool tip value according to the current position of the AJAX slider extender control.

AJAX Slider Extender Control Properties

TargetControlID: ID of the target textbox control, it stores the position state of slider extender control.

BoundControlID: ID of the textbox or label control, to display the current position value of slider control.

Decimals: number of precision point places required after decimal point.

Maximum: maximum value for the slider extender control position.

Minimum: minimum value for the slider control position.

Length: Height or width of the slider control according to the orientation of extender.

Steps: Number step division to cover the complete slider rail path.

EnableHandleAnimation: to enable or disable the animated movement feature of slider extender control.

Orientation: Changes the direction of slider rail to Horizontal or Vertical direction.

TooltipText: It displays the text as tooltip for mouse hover action. You can use {0} placeholder to display the current value of the slider extender control.

Sample Code for AJAX Slider Extender Control