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

How to Modify the Labels on a KendoUI Slider Ticks?

3 Answers 894 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Rodney
Top achievements
Rank 2
Rodney asked on 28 Mar 2012, 08:22 PM

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?

Lee
Top achievements
Rank 2
Bronze
Bronze
Bronze
commented on 08 Sep 2025, 02:46 PM

This question is quite old. I see the stack overflow workaround has had quite a few up votes. Has Telerik created an updated version of the slider control to accept labels and text values such as this yet? My use case is for a size slider: 
var sizes = [
  { 
    label: "Small",
    value: "s"
  },
  { 
    label: "Medium",
    value: "m"
  },  { 
    label: "Large",
    value: "l"
  },
]

Martin
Telerik team
commented on 11 Sep 2025, 08:44 AM

Hello, Lee, 

There's still no built-in functionality to achieve the requirement, but the approach from the Stackoverflow appears to be working. Here you will find a small example for reference.

3 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 30 Mar 2012, 12:26 PM
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!
1
Rodney
Top achievements
Rank 2
answered on 30 Mar 2012, 05:14 PM
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. 

0
Radiation
Top achievements
Rank 1
answered on 07 Mar 2013, 01:16 PM
Tags
Slider
Asked by
Rodney
Top achievements
Rank 2
Answers by
Iliana Dyankova
Telerik team
Rodney
Top achievements
Rank 2
Radiation
Top achievements
Rank 1
Share this question
or