<kendo:slider-tooltip>

Configuration of the Slider tooltip.

Example

<kendo:slider>
    <kendo:slider-tooltip></kendo:slider-tooltip>
</kendo:slider>

Configuration Attributes

enabled boolean

Disables (false) or enables (true) the tooltip of the Slider.

Example

<kendo:slider-tooltip enabled="enabled">
</kendo:slider-tooltip>

format java.lang.String

Format string for the text of the tooltip. Note: The applied format will also influence the appearance of the Slider tick labels.The slider widget supports precision of up-to 10 digits after the decimals point.

Example

<kendo:slider-tooltip format="format">
</kendo:slider-tooltip>

template java.lang.String

Template of the tooltip. The following variables are passed by the Slider and are ready to be used inside the template: value - the current value when using a regular slider or selectionStart and selectionEnd - the current values when using a range slider.

Example

<kendo:slider-tooltip template="template">
</kendo:slider-tooltip>

Event Attributes

template String

Template of the tooltip. The following variables are passed by the Slider and are ready to be used inside the template: value - the current value when using a regular slider or selectionStart and selectionEnd - the current values when using a range slider.

Example

<kendo:slider-tooltip template="handle_template">
</kendo:slider-tooltip>
<script>
    function handle_template(e) {
        // Code to handle the template event.
    }
</script>

Event Tags

kendo:slider-tooltip-template

Template of the tooltip. The following variables are passed by the Slider and are ready to be used inside the template: value - the current value when using a regular slider or selectionStart and selectionEnd - the current values when using a range slider.

Example

<kendo:slider-tooltip>
    <kendo:slider-tooltip-template>
        <script>
            function(e) {
                // Code to handle the template event.
            }
        </script>
    </kendo:slider-tooltip-template>
</kendo:slider-tooltip>