Glow skin

AsyncUpload - Right-to-left Support

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

Uploading file:

Elapsed time:  Estimated time:  Speed:

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB
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>
  • DefaultVB.aspx
  • styles.css
<%@ Page AutoEventWireup="true" Language="vb"  %>
<%@ 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>
    <link rel="stylesheet" type="text/css" href="styles.css" />

    <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"  />

Find Assistance

Help Us Improve

Was this example helpful?