RangeSlider defaults

3 posts, 0 answers
  1. Steve
    Steve avatar
    1851 posts
    Member since:
    Dec 2008

    Posted 11 Dec 2012 Link to this post

    How do I set the default selected range on the slider?  I tried selectionStart\End, but that doesn't seem to work.

    <div class="new-capacity-slider" data-role="rangeslider" data-max="20" data-min="0" data-style="width: 290px" data-selectionStart="0" data-selectionEnd="10">
                                            <input />
                                            <input />
                                        </div>
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 13 Dec 2012 Link to this post

    Hello Steve,

    I am afraid at present it is not possible to set the default selected range of the Kendo UI RangeSlider via the data attributes. We will do our best to address this limitation as soon as possible. Please excuse us for the inconvenience caused. 

    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 22 Jan 2013 Link to this post

    Hi Steve,

    I am glad to inform you that with Kendo UI Q3 2012 SP1 (v.2012.3.1315) the discussed functionality is already available. You can set the selected range on the slider using data-selection-start="//..." and data-selection-end="//...". For example: 
    <div data-role="rangeslider" id="rangeslider" data-max="40" data-min="20" data-selection-start="25" data-selection-end="30">
         <input />
         <input />
    </div>

    Regards,

    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top