ImageEditor - Right-to-left Support

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

The RadImageEditor fully supports right-to-left (RTL) language locales. The RadImageEditor is created and added to the page as a child of the body element and in order to turn on the RTL support you should set dir=rtl to the html or body elements or set the direction:rtl css property as well.

This example uses an iframe for its content area to keep the navigation and the layout of the online demos.

  • Content.aspx
    • Content.aspx
    • DefaultCS.aspx
  • Content.aspx.cs
  • contentStyles.css
    • contentStyles.css
    • styles.css
<%@ Page Language="C#" Inherits="Telerik.Web.Examples.ImageEditor.RightToLeft.Content" CodeFile="Content.aspx.cs" %>

<%@ 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>RTL RadImageEditor Page</title>
        <link href="contentStyles.css" rel="stylesheet" />
    </head>
    <body>
        <form id="form1" runat="server">
            <telerik:RadScriptManager ID="ScriptManager1" runat="server" />
            <telerik:RadImageEditor RenderMode="Lightweight" runat="server" ID="RadImageEditor1" Skin="Telerik" ImageUrl="~/ImageEditor/images/addtext.jpg" CanvasMode="No" Width="640" Height="360" />
        </form>
    </body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?