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

Right-to-left Support

Uploaded % ( ) Total
Uploaded files: % () Total files:

Uploading file:

Elapsed time:  Estimated time:  Speed:

RadAsyncUpload and RadProgressArea provide 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, RadAsyncUpload / RadProgressArea reverses the order of the elements and aligns itself to the right side of the container.

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" dir="rtl" />

<telerik:RadProgressArea ID="RadProgressArea1" runat="server" dir="rtl"> </telerik:RadProgressArea>
  • DefaultCS.aspx
  • styles.css
<%@ Page AutoEventWireup="true" 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>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</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-narrow">
        <div dir="rtl">
            <telerik:RadAsyncUpload RenderMode="Lightweight" ID="RadAsyncUpload1" runat="server"  />
            <telerik:RadProgressArea RenderMode="Lightweight" ID="RadProgressArea1" runat="server" DisplayCancelButton="false"  />
        </div>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance