This is a migrated thread and some comments may be shown as answers.

Make a range slider

1 Answer 147 Views
Slider
This is a migrated thread and some comments may be shown as answers.
stephane
Top achievements
Rank 1
stephane asked on 27 Jun 2014, 04:47 PM
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? 

1 Answer, 1 is accepted

Sort by
0
Accepted
Alexander Valchev
Telerik team
answered on 01 Jul 2014, 08:54 AM
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:

Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Slider
Asked by
stephane
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Share this question
or