The title of the decrease button of the Slider.

The title of the increase button of the Slider.

The delta with which the value will change when the user presses the Page Up or Page Down key (the drag handle must be focused). Note: The allied largeStep will also set large tick for every large step.

The maximum value of the Slider.

The minimum value of the Slider.

The orientation of a Slider: "horizontal" or "vertical".

Can be used to show (true) or hide (false) the increase and decrease buttons of a Slider.

The small step value of the Slider. The underlying value will be changed when the end user (1) clicks on the increase or decrease buttons of the Slider, (2) presses the arrow keys (the drag handle must be focused), or (3) drags the drag handle.

Denotes the location of the tick marks in the Slider. The available options are:

"topLeft"

Tick marks are located on the top of the horizontal widget or on the left of the vertical widget.

"bottomRight"

Tick marks are located on the bottom of the horizontal widget or on the right side of the vertical widget.

"both"

Tick marks are located on both sides of the widget.

"none"

Tick marks are not visible.

Configuration of the Slider tooltip.

Disables (false) or enables (true) the tooltip of the Slider.

Format string for the text of the tooltip. Note: The applied format will also influence the appearance of the Slider tick labels.

Template of the tooltip.

• value - the current value.

The underlying value of the Slider.

Prepares the Slider for safe removal from the DOM.

Detaches event handlers and removes data entries in order to avoid memory leaks.

Example

// deatach events
$("#slider").data("kendoSlider").destroy();

// remove slider html from DOM
$("#slider").closest(".k-slider").remove();

Enable/Disable the Slider widget.

Example

// get a reference to the slider widget
var slider = $("#slider").data("kendoSlider");

// disables the slider
slider.enable(false);

// enables the slider
slider.enable(true);

Gets or sets the value of a Slider. It accepts a string or number as parameters and returns a number representing the underlying value.

Example

var slider = $("#slider").data("kendoSlider");
var sliderValue = slider.value();

Fires when the slider value changes as a result of selecting a new value with the drag handle, buttons or keyboard.

Fires when the user drags the drag handle to a new position.