2012-03-26 17 views
5

Estoy usando el control deslizante KendoUi. Estoy usando los siguientes setings:Cómo modificar las etiquetas en un control deslizante KendoUI Ticks?

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 
       } 
     }); 

Tengo cuatro grandes pasos y quiero etiquetar cada uno de ellos "P" "O" "G" "I" en lugar de los números. ¿Cómo puedo hacer esto?

Respuesta

10

No pude encontrar nada en la configuración que permitiría esto. Así, Acabo de construir un modificador elemento deslizante rápida en su lugar: ejemplo

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

+0

brillante - gracias! ¿Alguna idea sobre cómo hacer esto usando el estilo AngularJs KendoUI? Tener todo conectado para Angular para que funcione el control deslizante, pero no estoy seguro del corolario sobre la anulación de las etiquetas. Sé que es una posibilidad remota, pero vale la pena la pregunta. –

Cuestiones relacionadas