Slider - Handles Customizations

Default configuration:

ShowDragHandle set to false:

ShowIncreaseHandle and ShowDecreaseHandle set to false

ShowDragHandle, ShowIncreaseHandle and ShowDecreaseHandle set to false
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

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 PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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>

Find Assistance

Help Us Improve

Was this example helpful?