TreeView - Right-to-left Support

  • Personal Folders
    • Deleted Items
    • Drafts
    • Inbox
      • Invoices
    • Junk E-mail
    • Outbox
    • Sent Items
    • Search Folders
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB
RadTreeView provides support for RTL languages.

RadTreeView considers the direction attribute set to the control itself or any parent HTML element. If you set the direction of the body tag (or any other parent element that contains the control) to rtl, RadTreeView reverses the node order and aligns itself to the right side of the container.

<telerik:RadTreeView ID="RadTreeView1" runat="server" dir="rtl" ... />
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • treeView.xml
<%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="TreeView.Examples.Functionality.RightToLeft.DefaultCS"Language="c#"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!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-thin">
        <telerik:RadTreeView RenderMode="Lightweight" ID="RadTreeView1" runat="server" dir="rtl" 
            ExpandAnimation-Type="None" CollapseAnimation-Type="None">
        </telerik:RadTreeView>
    </div>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?