RangeSlider

Example

Razor

<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-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
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.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
for	ModelExpression	An expression to be evaluated against the current model.
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	The name of the JavaScript function that will handle the change event. 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	The name of the JavaScript function that will handle the slide event. 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.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
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.