Blazor FileManager - Overview

  • EXAMPLE
  • VIEW SOURCE
  • Overview.razor
  • HierarchicalFileService.cs
  • FileManagerController.cs
  • HierarchicalFileEntry.cs
  • HierarchicalFileEntryExtensions.cs
  • FileEntry.cs
  • FileManagerConstants.cs
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming
blazor ui ninja image

The FileManager component is part of Telerik UI for Blazor, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Description

The Telerik UI for Blazor FileManager component allows browsing and managing files and folders in Blazor applications. It enables you to preview a file system and perform rename, sort, search, upload and download operations. The Blazor 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.

In the current demo, you can see how to use the FileManager UI component in Blazor Applications. You need to add the <TelerikFileManager> tag in your razor page, bind the component by setting the Data attribute to an IEnumerable<TItem>, set the Path parameter and handle the file explorer events related to file operations for creating, renaming and deleting of files and folders.

The FileManager for Blazor supports single and multiple selection for both folders and files. The multiple selection feature comes in handy when you want users to perform a single operation on multiple files in the file system. The toolbar in the component’s header includes the most common operations related to managing files and folders: create a new folder, show/hide file details preview, search box, allowing users to easily filter based on folder and file names and file upload.

You can bind the Telerik Blazor FileManager to flat data (a collection of self-referencing items with parent-child relationships) and hierarchical data (where each item holds its children in a nested property).

Because the Telerik FileManager supports localization out of the box, you can easily show commands and context menu items translated to any language your Blazor app may require.

This Blazor FileManager Overview example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

Additional Resources

An error has occurred. This application may no longer respond until reloaded.