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

Right-to-left Support

  • Bold
  • Italic
  • Underline
  • Align
    • Left
    • Center
    • Right
  • Red
    • Red
    • Blue
    • Green

RadToolBar provides support for RTL languages.

RadToolBar 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, RadToolBar reverses the item order and aligns itself to the right side of the container.

<telerik:RadToolBar ID="RadToolBar1" runat="server" dir="rtl" ... />
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="ToolBar.Examples.Functionality.RightToLeft.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" />
    <div class="demo-container size-medium">
        <telerik:RadToolBar RenderMode="Lightweight" ID="RadToolBar1" runat="server" dir="rtl" EnableRoundedCorners="true"
            EnableShadows="true">
            <Items>
                <telerik:RadToolBarButton Text="Bold" ImageUrl="~/ToolBar/Examples/Appearance/Images/images/bold.png">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton Text="Italic" ImageUrl="~/ToolBar/Examples/Appearance/Images/images/italic.png">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton Text="Underline" ImageUrl="~/ToolBar/Examples/Appearance/Images/images/underline.png">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarDropDown Text="Align" ImageUrl="~/ToolBar/Examples/Appearance/Images/images/align.png">
                    <Buttons>
                        <telerik:RadToolBarButton Text="Left" ImageUrl="~/ToolBar/Examples/Appearance/Images/images/left.png">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton Text="Center" ImageUrl="~/ToolBar/Examples/Appearance/Images/images/center.png">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton Text="Right" ImageUrl="~/ToolBar/Examples/Appearance/Images/images/right.png">
                        </telerik:RadToolBarButton>
                    </Buttons>
                </telerik:RadToolBarDropDown>
                <telerik:RadToolBarSplitButton Text="Color" ImageUrl="~/ToolBar/Examples/Appearance/Images/images/red.png">
                    <Buttons>
                        <telerik:RadToolBarButton Text="Red" ImageUrl="~/ToolBar/Examples/Appearance/Images/images/red.png">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton Text="Blue" ImageUrl="~/ToolBar/Examples/Appearance/Images/images/blue.png">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton Text="Green" ImageUrl="~/ToolBar/Examples/Appearance/Images/images/green.png">
                        </telerik:RadToolBarButton>
                    </Buttons>
                </telerik:RadToolBarSplitButton>
            </Items>
        </telerik:RadToolBar>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance