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

Orientation

The RangeSlider supports two modes of orientation—horizontal and vertical.

By default, the component is in horizontal mode. To change it to vertical mode, set the orientation property to vertical.

When in horizontal mode, the RangeSlider displays the smallest value at the start of the track and the largest value at the end. When in vertical mode, the component displays the smallest value at the bottom and the largest at the top.

    <div id="rangeSlider">
        <input />
        <input />
    </div>

    <script>
        $("#rangeSlider").kendoRangeSlider({
            orientation:"vertical"
        });
    </script>

See Also

In this article