FileManager Toolbar
The Blazor FileManager Toolbar can render built-in and custom tools. This article describes the built-in tools and shows how to add custom tools or customize the toolbar.
Built-in Tools
By default, the Blazor FileManager displays all its built-in tools in the order below. Use the tool tag if you need to define a tool explicitly in a custom toolbar configuration.
| Tool Name | Tool Tag | Description |
|---|---|---|
| New Folder | FileManagerToolBarNewFolderTool | A button that creates a new folder in the current location. Read how to handle the creation in the FileManager Events article. |
| Upload | FileManagerToolBarUploadTool | A button that opens a dialog with integrated Upload component. Read more in the FileManager Upload article. |
| Sort Direction | FileManagerToolBarSortDirectionTool | A ButtonGroup with ToggleButtons that selects the sort direction (ascending or descending) to sort the files in the current location. |
| Sort By | FileManagerToolBarSortTool | A SplitButton that selects the desired sort member to sort by. |
| Views | FileManagerToolBarFileViewTool | A ButtonGroup with ToggleButtons that toggles the file and folder visualization between a ListView and a Grid. |
| View Details | FileManagerToolBarViewDetailsTool | A Switch that toggles the visibility of the FileManager Preview Pane. By default, the preview pane is hidden. |
| Search | FileManagerToolBarSearchTool | A TextBox that filters the files by name. |
By default, the FileManager Toolbar also includes a spacer (<FileManagerToolBarSpacer />). This spacer consumes the available empty space and pushes the rest of the tools next to one another.
Custom Tools
In addition to built-in tools, the FileManager also supports custom tools. Use the <FileManagerToolBarCustomTool> tag, which is a standard Blazor RenderFragment. See the example below.
Toolbar Configuration
Add a <FileManagerToolBar> tag inside <TelerikFileManager> to configure a custom toolbar, for example:
- Arrange the FileManager tools in a specific order;
- Remove some of the built-in tools;
- Add custom tools.
Customize the FileManager Toolbar