RangeSlider

Example

<kendo-rangeslider>
    <slider-tooltip />
</kendo-rangeslider>

ChildTags

Tag Name Details
slider-tooltip RangeSliderTooltipSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
as-child-component Boolean
for ModelExpression An expression to be evaluated against the current model.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
has-client-component Boolean
large-step Double 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.
left-drag-handle-title String The title of the left drag handle of the RangeSlider.
max Double The maximum value of the RangeSlider.
min Double The minimum value of the RangeSlider.
on-change String Fires when the RangeSlider value changes as a result of selecting a new value with one of the drag handles or the keyboard.
on-slide String Fires when the user drags the drag handle to a new position.
orientation SliderOrientation The orientation of a RangeSlider - "horizontal" or "vertical".
right-drag-handle-title String The title of the right drag handle of the RangeSlider.
sanitize-id Boolean
selection-end Double The selection end value of the RangeSlider.
selection-start Double The selection start value of the RangeSlider.
small-step Double The small step value of the RangeSlider. The underlying value will be changed when the end user (1) clicks on the increase or decrease buttons of the RangeSlider, (2) presses the arrow keys (the drag handle must be focused), or (3) drags the drag handle.
tick-placement SliderTickPlacement Denotes the location of the tick marks in the RangeSlider. The available options are:
values Double[] The values of the RangeSlider.
In this article
Not finding the help you need?