EO.Web Slider/RangeSlider can have an increase/decrease button at either or both ends of the slider. The following image demonstrates this feature:

When the increase button/decrease button for a Slider is clicked, it increases/decreases the slider's Value by SmallChange.

When the increase button for a RangeSlider is clicked, it increases the range slider's HighValue. When the decrease button for a RangeSlider is clicked, it decreases the range slider's LowValue.

Follow these points to customize the increase/decrease buttons:

• Set IncreaseButton.ImageUrl to the Url of your custom increase button. For example, the increase button image used in the above screenshot is .

• Important: You must also set both IncreaseButton.Width and IncreaseButton.Height to the actual pixel width and height of your increase button image;

• Optionally, you can specify a different image for the button when the button is in hover (when mouse is over the button), down (when left button is pressed) and disabled (when the slider is disabled) state with the following properties:

  Property	Remark
  IncreaseButton.HoverImageUrl	Image used when mouse is over the button.
  IncreaseButton.DownImageUrl	Image used when user presses left button down on the button.
  IncreaseButton.DisabledImageUrl	Image used when the slider is disabled.

  All images must be of the same size.

Follow the same points for DecreaseButton.