New to Kendo UI for AngularStart a free 30-day trial

Ticks

Along the track, the ticks of the RangeSlider indicate the values which result from each incremented predefined step.

The RangeSlider provides the following options for configuring its ticks:

Placement

To control the position of the ticks, use the tickPlacement property. You can set the ticks to appear along the upper or bottom side of a horizontal RangeSlider, on the left or right side of a vertical RangeSlider, or on both sides of the track. It is also possible to configure them not to occur at all.

Change Theme
Theme
Loading ...

Titles

The title property defines the titles of the ticks. By default, the title of each tick corresponds to its value. To customize the title, use a callback function.

Change Theme
Theme
Loading ...

Width

The fixedTickWidth property sets the width between each two ticks along the track. Its value has to be set in pixels. When the property is enabled, the RangeSlider is resized to fit all ticks with the corresponding width. If fixedTickWidth is not set, the component adjusts the size of the ticks so that the sum matches the actual size of the component.

Change Theme
Theme
Loading ...
In this article
PlacementTitlesWidthSuggested Links
Not finding the help you need?
Contact Support