The OnClientSlideRange client-side event occurs as the user is sliding the selected region of RadSlider, thus changing both SelectionStart and SelectionEnd values. The properties EnableDragRange and IsSelectionRangeEnabled of RadSlider should be set to true in order to enable the sliding region of the control.

The event handler receives two parameters:

  1. The slider instance that fired the event.

  2. Event arguments. The parameter has no methods for this event.

The example below updates a span tag with the slider selection start and selection end value as it changes.

<script type="text/javascript">
   function clientSlideRange(sender, eventArgs)
        var message = document.getElementById("message");
        message.innerHTML = "Selection start: " + sender.get_selectionStart() + "; Selection end: " + sender.get_selectionEnd() + ";";
<span id="message"></span>
<telerik:RadSlider RenderMode="Lightweight" ID="RadSlider2" runat="server" EnableDragRange="true" IsSelectionRangeEnabled="true" OnClientSlideRange="clientSlideRange" />
In this article
Not finding the help you need? Improve this article