I would prefer if the current value was always displayed to the right of the slider, like this:
Note: I removed the numbers for each tick with this CSS code:
Code: Select all
.k-tick .k-label{display:none;}
However, I want to see the currently picked value, but I can't get it to work. I don't want to have to manually save the form to see the value update.
Is there a simple way to do this, or do I have to involve jquery?
I have tried to fetch the value with this code as a render script:
It works fine for logging the saved value to the console, but not the current value.var slider = $("#slider").data("kendoSlider");
var sliderValue = slider.value();
console.log(sliderValue);
It seems like the current value is actually stored in a HTML attribute called aria-valuenow.
Am I missing something obvious here?