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.
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.
You can visualize content in the Blazor FileManager in two different views that can be switched between from the Toolbar button group:
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.
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 :
The Blazor File Manager component comes with built-in Search functionality, allowing you to find the specific file in the currently selected path.
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.
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.
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.
The component supports both file upload and download. Users can conveniently download a selected file by using the provided command in the context menu.
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.
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.