How to Modify the Labels on a KendoUI Slider Ticks?

4 posts, 0 answers
  1. Rodney
    Rodney avatar
    24 posts
    Member since:
    Jan 2011

    Posted 28 Mar 2012 Link to this post

    I am using the KendoUi Slider. I'm using the following setings:

    jQuery(document).ready(function () {
            jQuery
    ("#slider").kendoSlider({
                increaseButtonTitle
    : "Right",
                decreaseButtonTitle
    : "Left",
                showButtons
    : false,
                min
    : 1,
                max
    : 4,
                smallStep
    : .2,
                largeStep
    : 1,
                value
    : <%= TotalScore %>,
                tooltip
    :
                   
    {
                        enabled
    :false
                   
    }  
           
    });

    I have four large steps and I want to label each of them "P" "O" "G" "I" instead of number values. How can I do this?

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 30 Mar 2012 Link to this post

    Hello Rodney,

    Currently such functionality is not supported by Kendo UI Slider, but this idea sounds good. We will appreciate if you submit this suggestion as a feature request at our UserVoice page so the community can evaluate and vote for it. If this one turns out to be popular, we will consider its implementation for a future releases.

    Kind 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. Rodney
    Rodney avatar
    24 posts
    Member since:
    Jan 2011

    Posted 30 Mar 2012 Link to this post

    For those looking for a work around solution to this problem. I posted the same question on Stack and got the following solutions to my problem:

    http://stackoverflow.com/questions/9879625/how-to-modify-the-labels-on-a-kendoui-slider-ticks 

    Thank you Joe D'Souza. 

Back to Top
Kendo UI is VS 2017 Ready