FileExplorer

Controls

Rate this demo

Thank you for your post!

FileExplorer - Right To Left Support

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

RadFileExplorer Right to Left Support

Telerik 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.

C# VB
Show code in new window Demo isolation steps
<%@ 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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
     <title>RTL example for RadFileExplorer </title>
     <style type="text/css">
          html {
               direction: rtl;
          }
          
          h5 {
               margin: 3px;
               margin-top: 6px;
          }
     </style>
     <script src="scripts.js" type="text/javascript"></script>
</head>
<body>
     <form id="form1" runat="server">
     <telerik:RadScriptManager ID="RadScriptManager1" runat="Server">
     </telerik:RadScriptManager>
     <telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="All"
          DecorationZoneID="configRtl" />
     <table cellspacing="4">
          <tr>
               <td rowspan="2" style="vertical-align: top;">
                    Browse to an image and double click to preview
                    <telerik:RadFileExplorer runat="server" ID="FileExplorer1" Width="520px" Height="520px"
                         OnClientItemSelected="OnClientItemSelected">
                         <Configuration ViewPaths="~/FileExplorer/Examples/Overview/Images" UploadPaths="~/FileExplorer/Examples/Overview/Images"
                              DeletePaths="~/FileExplorer/Examples/Overview/Images" />
                    </telerik:RadFileExplorer>
               </td>
               <td>
                    <fieldset style="width: 230px; height: 220px">
                         <legend>Preview</legend>
                         <img id="pvwImage" src="../../ExplorerSource/Images/AllImages/Flower1.jpg" runat="server" alt="Flower1.jpg"
                              style="display: none; margin: 10px; width: 200px; height: 180px; vertical-align: middle;" />
                    </fieldset>
               </td>
          </tr>
          <tr>
               <td valign="top" id="decoratorZone">
                    <fieldset style="width: 230px; height: 340px;" id="configRtl">
                         <legend>Properties</legend>
                         <h5>
                              Choose explorer controls
                         </h5>
                         <asp:CheckBoxList Width="140px" ID="visibleControls" CellSpacing="0" runat="server">
                              <asp:ListItem Selected="true" Text="Address Box" Value="AddressBox"></asp:ListItem>
                              <asp:ListItem Selected="true" Text="Grid" Value="Grid"></asp:ListItem>
                              <asp:ListItem Selected="true" Text="ListView" Value="ListView"></asp:ListItem>
                              <asp:ListItem Selected="true" Text="Toolbar" Value="Toolbar"></asp:ListItem>
                              <asp:ListItem Selected="true" Text="TreeView" Value="TreeView"></asp:ListItem>
                              <asp:ListItem Selected="true" Text="Context Menus" Value="ContextMenus"></asp:ListItem>
                         </asp:CheckBoxList>
                         <h5>
                              Set control behavior
                         </h5>
                         <asp:CheckBox ID="enableUpload" Width="130px" Text="Enable upload" Checked="true"
                              runat="server" Style="margin-left: 3px" />
                         <br />
                         <asp:CheckBox ID="enableCreateNewFolder" Width="130px" Text="Allow new folders" Checked="true"
                              runat="server" Style="margin-left: 3px" />
                         <br />
                         <asp:CheckBox ID="displayUpFolder" Width="160px" Text="Display up folder(..) item"
                              Checked="false" runat="server" Style="margin-left: 3px" />
                         <br />
                         <asp:CheckBox ID="enableOpenFile" Width="165px" Text="Open files on double-click"
                              Checked="true" runat="server" Style="margin-left: 3px" />
                         <br />
                         <asp:CheckBox ID="allowPaging" Width="165px" Text="Enable paging for the grid" Checked="false"
                              runat="server" Style="margin-left: 3px" />
                         <br />
                         <br />
                         <asp:Button ID="Update" Text="Update RadFileExplorer" Width="145px" runat="server" />
                    </fieldset>
               </td>
          </tr>
     </table>
     </form>
</body>
</html>