PanelBar - Right-to-left Support

  • ASP.NET controls
    • RadMenu
    • RadTabStrip
    • RadPanelBar
    • RadTreeView
  • WinForms controls
    • RadMenustrip
    • RadTabStrip
    • RadToolStrip
  • Other projects
    • SiteFinity
    • Reporting
    • RadAjax
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB
RadPanelBar  provides support for RTL languages.
RadPanelBar 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, RadPanelBar reverses the item order and aligns itself to the right side of the container.
<telerik:RadPanelBar ID="RadPanelBar1" runat="server" dir="rtl" ... />
  • DefaultCS.aspx
<%@ Page Language="c#"  %>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "">
<html xmlns=''>
<head runat="server">
    <title>Telerik ASP.NET Example</title>

    <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" dir="rtl">
        <telerik:RadPanelBar RenderMode="Lightweight" runat="server" ID="RadPanelBar1" Width="100%">
                <telerik:RadPanelItem Expanded="True" Text="ASP.NET controls" AccessKey="A">
                        <telerik:RadPanelItem Text="RadMenu" AccessKey="m" />
                        <telerik:RadPanelItem Text="RadTabStrip" AccessKey="t" />
                        <telerik:RadPanelItem Text="RadPanelBar" AccessKey="p" />
                        <telerik:RadPanelItem Text="RadTreeView" AccessKey="v" />
                <telerik:RadPanelItem Text="WinForms controls" AccessKey="W">
                        <telerik:RadPanelItem Text="RadMenustrip" AccessKey="u" />
                        <telerik:RadPanelItem Text="RadTabStrip" AccessKey="a" />
                        <telerik:RadPanelItem Text="RadToolStrip" AccessKey="o" />
                <telerik:RadPanelItem Text="Other projects" AccessKey="O">
                        <telerik:RadPanelItem Text="SiteFinity" AccessKey="F" />
                        <telerik:RadPanelItem Text="Reporting" AccessKey="r" />
                        <telerik:RadPanelItem Text="RadAjax" AccessKey="j" />

Find Assistance

Help Us Improve

Was this example helpful?