New to Kendo UI for jQuery? Start a free 30-day trial

TickPlacement

configuration

Denotes the location of the tick marks in the RangeSlider. The available options are:

tickPlacement

String

"topLeft"

Tick marks are located on the top of the horizontal widget or on the left of the vertical widget.

"bottomRight"

Tick marks are located on the bottom of the horizontal widget or on the right side of the vertical widget.

"both"

Tick marks are located on both sides of the widget.

"none"

Tick marks are not visible.

Default: "both"

<div id="rangeslider" style="width: 200px;">
    <input />
    <input />
</div>
<script>
    $("#rangeslider").kendoRangeSlider({
        tickPlacement: "topLeft",
        min: 0,
        max: 100,
        selectionStart: 25,
        selectionEnd: 75,
        smallStep: 5,
        largeStep: 25
    });
</script>