Slider - Right-To-Left Support

Increase
  • 5050
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  • 4040
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  • 3030
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  • 2020
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  • 1010
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  • 00
Decrease
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

The RadSlider fully supports right-to-left (RTL) language locales. In order to turn on the RTL support you should set its IsDirectionReversed property to true as well as dir=rtl (or the direction:rtl css property) to the html or body elements.

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

<!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">
        <div style="direction: rtl;">
            <telerik:RadSlider RenderMode="Lightweight" runat="server" ID="RadSlider1" Width="300" Height="50"
                MinimumValue="0" MaximumValue="50" LargeChange="10" ItemType="Tick"
                IsDirectionReversed="true" EnableServerSideRendering="true">
            </telerik:RadSlider>
        </div>
    </div>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?