Slider

Example

Razor
<kendo-slider>
    <slider-tooltip />
</kendo-slider>

ChildTags

Tag NameDetails
slider-tooltipSliderTooltipSettingsTagHelper

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
forModelExpressionAn expression to be evaluated against the current model.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-moduleBoolean
decrease-button-titleStringThe title of the decrease button of the Slider.
drag-handle-titleStringThe title of the drag handle of the Slider.
has-client-componentBoolean
increase-button-titleStringThe title of the increase button of the Slider.
large-stepDoubleThe 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: largeStep will also set a large tick for every large step.Must be a positive number, larger than smallStep.
maxDoubleThe maximum value of the Slider.
minDoubleThe minimum value of the Slider.
on-changeStringFires when the slider value changes as a result of selecting a new value with the drag handle, buttons or keyboard.
on-slideStringFires when the user drags the drag handle to a new position.
orientationSliderOrientationThe orientation of a Slider
sanitize-idBoolean
script-attributesIDictionary<String,Object>
show-buttonsBooleanCan be used to show (true) or hide (false) the increase and decrease buttons of a Slider.
small-stepDoubleThe small step value of the Slider. Must be a positive number, otherwise an Javascript exception will be thrown.The small step value determines the amount of Slider value change when the end user clicks on the increase or decrease buttons of the Slider;; presses the arrow keys (the drag handle must be focused); or drags the drag handle..
tick-placementSliderTickPlacementDenotes the location of the tick marks in the Slider
valueDoubleThe underlying value of the Slider.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support