File Explorer

Controls

Rate this demo

Thank you for your post!
Submit a support ticket
If you have an active license or trial, you have access to dedicated support from Telerik’s developers. Response time is 24h for active licenses and 72h for trials, Mon-Fri.
Post in the forums
If you don’t have access to support or would like to help other people by sharing your problem, reach out to our active community in the forums.

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="610px"
                         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: 380px;" 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="170px" Text="Display up folder(..) item"
                              Checked="false" runat="server" Style="margin-left: 3px" />
                         <br />
                         <asp:CheckBox ID="enableOpenFile" Width="170px" Text="Open files on double-click"
                              Checked="true" runat="server" Style="margin-left: 3px" />
                         <br />
                         <asp:CheckBox ID="allowPaging" Width="170px" Text="Enable paging for the grid" Checked="false"
                              runat="server" Style="margin-left: 3px" />
                         <br />
                         <br />
                         <asp:Button ID="Update" Text="Update RadFileExplorer" Width="155px" runat="server" />
                    </fieldset>
               </td>
          </tr>
     </table>
     </form>
</body>
</html>