Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to Modify the Labels on a KendoUI Slider Ticks?

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" in place of the numbers. How can I do this?

like image 479
Rodney Hickman Avatar asked Mar 26 '12 20:03

Rodney Hickman


1 Answers

I couldn't find anything in the settings that would allow for this. So, I just built a quick slider item modifier instead:

http://jsfiddle.net/latenightcoder/QwGUy/1/

like image 132
Joel D'Souza Avatar answered Sep 16 '22 11:09

Joel D'Souza