Table of Contents
  • Getting Started
  • EO.Pdf
  • EO.Web
    • Overview
    • Installation & Deployement
    • EO.Web ToolTip
    • EO.Web Rating
    • EO.Web Slider & RangeSlider
    • EO.Web ListBox
    • EO.Web ComboBox
    • EO.Web Captcha
    • EO.Web ASPX To PDF
    • EO.Web Slide
    • EO.Web Flyout
    • EO.Web EditableLabel
    • EO.Web ImageZoom
    • EO.Web Floater
    • EO.Web Downloader
    • EO.Web ColorPicker
    • EO.Web HTML Editor
    • EO.Web File Explorer
    • EO.Web SpellChecker
    • EO.Web Grid
    • EO.Web MaskedEdit
    • EO.Web Splitter
    • EO.Web Menu
    • EO.Web Slide Menu
    • EO.Web TabStrip
    • EO.Web TreeView
    • EO.Web Calendar
    • EO.Web Callback
    • EO.Web MultiPage
    • EO.Web Dialog
    • EO.Web AJAXUploader
    • EO.Web ProgressBar - Free!
    • EO.Web ToolBar - Free!
  • EO.WebBrowser
  • EO.Wpf
  • Common Topics
  • Reference
Customizing FileExplorer UI

The UI of a FileExplorer control is customized through its LayoutTemplate property. The samples in the sample project contain the default layout definition that you can simply copy and paste into your application.

Any UI elements can be placed inside the template, however, FileExplorer recognizes controls with certain IDs and associate specific functionalities to those controls.

The following table lists all the special IDs supported:

Control ID Remarks
FolderTree The folder tree. Must be an EO.Web TreeView control.
FileGrid The grid that displays all files in a given folder. Must be an EO.Web Grid control.
FileUploader The AJAXUploader control that is used to upload files. Must be an EO.Web AJAXUploader control.
PathLabel The Label control used to display the currently selected file path. Must be an ASP.NET Label control.
PreviewPanel The panel where preview images are displayed. Must be an ASP.NET PlaceHolder control.

In addition to controls with special IDs, EO.Web FileExplorer also recognizes ToolBarItem with special CommandName values:

CommandName Value Remarks
NewFolder Create a new folder.
RenameFolder Rename the selected folder.
DeleteFolder Delete the selected folder.
Refresh Refresh child folder list of the selected folder.
ThumbnailView Switch the file list to thumbnail view.
GridView Switch the file list to grid view.
Upload Open browse file dialog to start an upload.
CancelUpload Cancel an upload that's in progress.
BestFit Resize the preview image to best fit the preview region.
ActualSize Resize the preview image to its actual size.
ZoomIn Zoom in the preview image.
ZoomOut Zoom out the preview image.

To use any of these features, place an EO.Web ToolBar control inside the template and add tool bar button with its CommandName set to one of the pre-defined values.