New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Handles Customizations

Default configuration:

ShowDragHandle set to false:

ShowIncreaseHandle and ShowDecreaseHandle set to false

ShowDragHandle, ShowIncreaseHandle and ShowDecreaseHandle set to false

Using the ShowDragHandle, ShowDecreaseHandle, ShowIncreaseHandle properties you can control which of the handles will be displayed. By default all handles are displayed.

  • DefaultCS.aspx
<%@ Page Language="c#" AutoEventWireup="false"  %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
</head>

<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container size-medium">
        Default configuration:<br />
        <telerik:RadSlider RenderMode="Lightweight" runat="server" ID="RadSlider0" Value="50">
        </telerik:RadSlider>
        <br />
        <strong>ShowDragHandle</strong> set to false:<br />
        <telerik:RadSlider RenderMode="Lightweight" ID="RadSlider1" runat="server" Value="50" ShowDragHandle="false">
        </telerik:RadSlider>
        <br />
        <strong>ShowIncreaseHandle</strong> and <strong>ShowDecreaseHandle</strong> set
        to false
        <telerik:RadSlider RenderMode="Lightweight" ID="RadSlider2" runat="server" Value="50" ShowIncreaseHandle="false"
            ShowDecreaseHandle="false">
        </telerik:RadSlider>
        <br />
        <strong>ShowDragHandle</strong>, <strong>ShowIncreaseHandle</strong> and <strong>ShowDecreaseHandle</strong>
        set to false
        <telerik:RadSlider RenderMode="Lightweight" ID="RadSlider3" runat="server" Value="50" ShowIncreaseHandle="false"
            ShowDecreaseHandle="false" ShowDragHandle="false">
        </telerik:RadSlider>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance