Progress Telerik UI for Blazor

Blazor File Manager

  • The Blazor FileManager component provides easy navigation, browsing, selection and managing of folders and files in your Blazor apps.
  • This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing library, rich docs & demos to help you get started in no time.
Telerik UI for Blazor Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • FileManager Overview

    The Telerik UI for Blazor FileManager component enables you to easily manage files and folders and perform common operations like accessing, renaming, sorting, searching, uploading and downloading of files. Also known as a file explorer, the component provides easy navigation for browsing and selecting folders & files from the file system and managing them in your Blazor apps. The FileManager includes a built-in toolbar with predefined commands, three panes for viewing and previewing content, a context menu for the file list and built-in localization.

    Telerik UI for Blazor FileManager Component
  • Blazor FileManager Panes

    The File Manager component is organized into three resizable panes: folder pane (a tree view with folder structure hierarchy), content pane (list and tiles views) and preview pane, which shows additional information about the selected files or folders.

  • FileManager Views

    You can visualize content in the Blazor FileManager in two different views that can be switched between from the Toolbar button group:

    • Tiles View
    • List View

    See details about the Blazor FileManager views.

    Telerik UI for Blazor FileManager Tile List Views
  • File and Folder Selection

    The FileManager component supports single and multiple selection for both folders and files. The multiple selection feature comes in handy when you need to perform a single operation on multiple files in the file system.

     

  • FileManager Toolbar

    The most common operations related to managing files and folders are neatly organized into a dedicated toolbar in the header of the FileManager. You can take advantage of the following default commands :

    • Create a new folder
    • Show/hide file details preview
    • Search box, allowing you to filter based on folder and file names
    • File upload

    Telerik UI for Blazor FileManager Toolbar
  • The Blazor File Manager component comes with built-in Search functionality, allowing you to find the specific file in the currently selected path.

    See how the FileManager Search feature works.

  • Context Menu in the Content Pane

    The FileManager for Blazor provides a context menu for the file list content. It is available in both the list and tile views and provides built-in Rename, Download and Delete commands.

    See how the context menu in the Blazor FileManager component works.

    Telerik UI for Blazor FileManager Context Menu
  • Sorting Files & Folders

    You can easily apply sorting to both files and folders using the provided visual indicators. The FileManager supports the standard ascending and descending modes, plus predefined options to sort by name, type, size, date created and modified.

  • Creating and Editing of Folders & Files

    For folder and file creation, use the dedicated command buttons in the file manager toolbar. File uploads happen via a dialog box where users provide the related details.

    Editing a folder/file name happens from the context menu using the default “Rename” commands.

  • Download and Upload

    The component supports both file upload and download. Users can conveniently download a selected file by using the provided command in the context menu. 

    Telerik UI for Blazor FileManager Upload a File
  • Localization of FileManager Commands

    The Blazor FileManager has built-in localization support, which makes it easy to translate commands and context menu text to any language that your Blazor app may require.

    See how to translate texts within the Blazor File Manager UI component.

  • FileManager Themes & Swatches

    The Telerik UI for Blazor FileManager component has multiple built-in themes and swatches you can choose from. Explore the Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap themes and choose the swatch that best meets your design requirements. 

     

    Telerik UI for Blazor FileManager Component Theming

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.