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

Right-to-left Support

RadSiteMap provides support for RTL languages. They consider 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, RadSiteMap reverses the order of the elements and aligns itself to the right side of the container.

<telerik:RadSiteMap ID="RadSiteMap1" runat="server" dir="rtl">
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="SiteMap.Examples.Rtl.DefaultCS"Language="c#"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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" />
    <telerik:RadSiteMapDataSource runat="server" ID="RadSiteMapDataSource1" ShowStartingNode="false"
        SiteMapFile="~/Examples.sitemap"></telerik:RadSiteMapDataSource>

    <div class="demo-container">
        <telerik:RadSiteMap runat="server" ID="SiteMap1" DataSourceID="RadSiteMapDataSource1"
            MaxDataBindDepth="2" OnNodeDataBound="SiteMap1_NodeDataBound" dir="rtl">
            <LevelSettings>
                <telerik:SiteMapLevelSetting Level="0">
                    <ListLayout RepeatColumns="3" AlignRows="true"></ListLayout>
                </telerik:SiteMapLevelSetting>
            </LevelSettings>
        </telerik:RadSiteMap>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance