New to Telerik UI for ASP.NET Core? Download free 30-day trial

SliderTagHelper

Example

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

ChildTags

Tag Name Details
slider-tooltip SliderTooltipSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
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.
as-module Boolean
decrease-button-title String The title of the decrease button of the Slider.
drag-handle-title String The title of the drag handle of the Slider.
has-client-component Boolean
increase-button-title String The title of the increase button of the Slider.
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: largeStep will also set a large tick for every large step.Must be a positive number, larger than smallStep.
max Double The maximum value of the Slider.
min Double The minimum value of the Slider.
on-change String Fires when the slider value changes as a result of selecting a new value with the drag handle, buttons or keyboard.
on-slide String Fires when the user drags the drag handle to a new position.
orientation SliderOrientation The orientation of a Slider
sanitize-id Boolean
script-attributes IDictionary<String,Object>
show-buttons Boolean Can be used to show (true) or hide (false) the increase and decrease buttons of a Slider.
small-step Double The 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-placement SliderTickPlacement Denotes the location of the tick marks in the Slider
value Double The underlying value of the Slider.
In this article
Not finding the help you need?