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

Right To Left Support

RadFileExplorer provides full right-to-left support. Just set the dir="rtl" attribute or using CSS - direction: rtl to the BODY or HTML tag. Simply wrapping the FileExplorer container in a RTL enabled HTML element will still work, however the dialogs will not be displayed in RTL direction mode.

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

  • Content.aspx
    • Content.aspx
    • DefaultVB.aspx
  • scripts.js
  • contentStyles.css
    • contentStyles.css
    • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Content.aspx.cs" Inherits="Telerik.Web.Examples.FileExplorer.RightToLeftSupport.Content" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>RTL example for RadFileExplorer </title>
    <link href="contentStyles.css" rel="stylesheet" />
    <script src="scripts.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="Server">
        </telerik:RadScriptManager>
        <div class="leftPane">
            <telerik:RadFileExplorer RenderMode="Lightweight" runat="server" ID="FileExplorer1" Width="520px" Height="350px"
                OnClientItemSelected="OnClientItemSelected" EnableOpenFile="false" Skin="Silk">
                <Configuration ViewPaths="~/FileExplorer/Examples/Overview/images" UploadPaths="~/FileExplorer/Examples/Overview/images"
                    DeletePaths="~/FileExplorer/Examples/Overview/images" />
            </telerik:RadFileExplorer>
        </div>
        <div class="rightPane">
            <fieldset>
                <legend>Preview</legend>
                <img id="pvwImage" src="#" alt="" class="previmage" />
            </fieldset>
        </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance