Make a range slider

[stephane]

This code works for making a slider


<script>
 $(document).ready(function () {
var sliderTimePush = jQuery("#sliderTimePush").kendoSlider({

                increaseButtonTitle: "Right",

                decreaseButtonTitle: "Left",

                showButtons: true,

                min: 1,

                max: 7,

                largeStep: 1,

 

                tooltip: {

                    enabled: false

                },

                orientation: "horizontal"

            });
 });
</script>

  <input id="sliderTimePush" class="balSlider" value="0" />


I try to do the same thing but for a range slider:

<script>
 $(document).ready(function () {
var sliderTimePush = jQuery("#sliderTimePush").kendoRangeSlider({
                increaseButtonTitle: "Right",
                decreaseButtonTitle: "Left",
                showButtons: true,
                min: 1,
                max: 7,
                largeStep: 1,

                tooltip: {
                    enabled: false
                },
                orientation: "horizontal"
            });
 });
</script>

  <input id="sliderTimePush" class="balSlider" value="0" />

It doesn't works event with trivial way

var sliderTimePush = jQuery("#sliderTimePush").kendoRangeSlider()({
    min: 0,
    max: 10,
    smallStep: 1,
    largeStep: 2,
    tickPlacement: "both"
});

Do you have idea how to do that? 

[Alexander Valchev]

Hello Stephane,

Range Slider should be initialized from a <div> element that contains two input elements. For more details and code sample please check the getting started topic of the widget:

• http://docs.telerik.com/kendo-ui/getting-started/web/rangeslider/overview

Regards,
Alexander Valchev
Telerik