background

Kendo UI for jQuery

jQuery FileManager

  • The jQuery FileManager brings functionality like Windows Explorer to you web applications by enabling them to browse and manage file directories.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
_Original Kendoka_3
  • Overview

    Kendo UI for jQuery FileManager provides users a way to browse directories and files as well as manage file storage withing web applications. The UI and workflow are similar to popular file managers like Windows Explorer. It is commonly used with the jQuery Editor to select images and attachments, but it can also be used on its own.

    See the jQuery FileManager Overview demo

    file-manager-overview
  • Flexible Data Binding

    Easily bind the jQuery FileManager to remote or local data sources. Since files are normally structured in a tree, hierarchical data is supported.

    Read the jQuery FileManager Data Binding documentation

  • Context Menu

    Your users are accustomed to seeing context menus in their file management applications. As a result, the jQuery FileManager includes on. The default commands are “rename” and “delete” but you can define your own.

    Read the jQuery FileManager Context Menu documentation

  • Drag and Drop

    No file manager would be complete without drag and drop support and the jQuery FileManager is no exception. This provides you with an easy way to move files in folders in a seamless manner.

    Read the jQuery FileManager Drag and Drop documentation

    drag-and-drop-file-manager
  • Grid and List View

    Allow your users to view files the way they like. The jQuery FileManager can show the contents of a directory in grid or list view. Grid view shows each file and its metadata while list view shows files in automatically generated thumbnails.

    Read the jQuery FileManager Views documentation

  • Help your users easily navigate their file directories by providing the standard tree list pane but also giving them a breadcrumb.

    Read the jQuery FileManager Navigation documentation

  • Preview Pane

    The jQuery FileManger’s preview pane shows additional information about the selected files or folders in the view. This pane will show by default but can be disabled. While this pane shows thumbnail, file extension, file size, date created, and date modified by default, you can configure which fields show and where the data comes from.

    Read the jQuery FileManager Preview Pane documentation

  • Help users find files with the built-in search box.

    Read the jQuery FileManager Search documentation

    filemanager-search
  • Sort

    The jQuery FileManager allows users to sorting their file lists. They access the sorting through a dropdown menu in the toolbar or click the header of the columns in grid view. Filtering can similarly be accessed from the toolbar which would cause a popup window to open. The fields will differ depending on the metadata of files. For example, if the data metadata includes dates, a DateRangePicker will be available. 

    Read the jQuery File Manager Sort documentation

    file-manager-sorting
  • Globalization

    The jQuery File Manager supports any globalization or localization scenarios. You can also enable RTL mode to display the control’s text and UI elements from left to right.

    See the jQuery FileManager RTL demo

    rtl-support
  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery FileManager Keyboard Navigation demo

    Keyboard Navigation
  • Accessibility

    The jQuery Breadcrumb is compliant with Section 508 standards, is AA rated with WCAG 2.0 and follows WAI-ARIA standards.

    Read the jQuery FileManager Accessibility documentation.

    jQuery accessibility

All Kendo UI for jQuery Components

Next Steps

Next Steps