File Explorer


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 - Show all items in the TreeView

  •  Images
    •  Hello World
    •  NewFolder
    •  NewFolder1
    •  NewFolder9
    •  operNewFolder
    •  Test
    •  cardapioNatal2.jpg
    •  Cloud.jpg
    •  kickoff event.jpg
    •  16 Entscheidung gelb - Sammler.png
    •  Abschluss gelb - Optional.png
    •  poop_readingdude.png
    •  tit_18a23.png
Max file size allowed:
200.00 KB
File extensions allowed:
*.jpg, *.jpeg, *.gif, *.png
Example Configuration

RadFileExplorer's mode :

RadFileExplorer's modes

This example demonstrates how to use the RadFileExplorer's modes.

The possible mode values of the ExplorerMode property are :
  • Telerik.Web.UI.FileExplorer.FileExplorerMode.Default - In this mode the files can be showed in the embedded Grid only.
  • Telerik.Web.UI.FileExplorer.FileExplorerMode.FileTree - In this mode the RadGrid control is not shown and the files/folders are shown in the embedded RadTreeView control. In this case the RadFileExplorer control will work faster than the Default mode, because of the server-side databinding mechanism of the TreeView control opposite to the client-side databinding of the RadGrid.
Show code in new window Demo isolation steps
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="Telerik.Web.Examples.FileExplorer.ShowFilesInTree.DefaultCS" %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ 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>ASP.NET FileExplorer Demo - Show all items in the TreeView</title>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />
     <telerik:RadFormDecorator runat="server" ID="rfdDemoContent" DecoratedControls="All"
          DecorationZoneID="decoratedZoneCont" />
     <div id="decoratedZoneCont">
          <div class="qsf-ib" style="vertical-align: top; width: 720px; border: 1px solid #eee; padding: 5px;">

               <telerik:RadFileExplorer runat="server" ID="RadFileExplorer1">
                    <Configuration ViewPaths="~/FileExplorer/Examples/Overview/Images/" UploadPaths="~/FileExplorer/Examples/Overview/Images/"

          <div class="qsf-ib" style="vertical-align: top; margin-left: 70px;">
               <qsf:ConfiguratorPanel ID="ConfigurationPanel1" runat="server" Orientation="Vertical"
                    Expanded="true" Height="250px" Width="200px">
                    <div style="height: 250px; width: 200px;">
                              <span class="rfdAspLabel">RadFileExplorer's mode</span> :
                         <div style="margin-left: 20px;">
                              <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="true">
                                   <asp:ListItem Selected="True" Text="FileTree mode" Value="FileTree"></asp:ListItem>
                                   <asp:ListItem Text="Default mode" Value="Default"></asp:ListItem>