background

UI for ASP.NET Core

ASP.NET Core File Manager

  • The ASP.NET Core FileManager lets users browse through directories and files.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for WPF Ninja
  • Theming

    The Telerik UI for ASP.NET Core FileManager component has multiple built-in themes and swatches you can chose from. Explore the Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI) themes and choose the swatch that meets your design requirements. 

    If neither of the available themes and swatches satisfies your needs, you can easily customize them with a few lines of CSS or create new themes by using the Progress SASS ThemeBuilder application. 

  • Overview

    A personal favorite of the team due to the number of times it has been requested, the Telerik UI for ASP.NET Core FileManager lets users browse through directories and files, akin to file managers like Windows Explorer, and manage file storage within their web applications. Use together with other controls like the Editor to select images or use as a standalone component to help users organize files or folders. 

    See the ASP.NET Core FileManager Demo
    Telerik UI for ASP.NET Core File Manager
  • Sorting and filtering

    The FileManager features sorting and filtering to enhance the user experience. 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. 


    File-Manager-Sorting-asp-net-core
  • Drag and Drop

    No file manager would be complete without drag and drop support and the ASP.NET Core FileManager is no exception. This provides you with an easy way to move files in folders in a seamless manner.
    File-Manager-Drag-and-drop-asp-net-core
  • The navigation of the ASP.NET Core File Manager component is achieved with two inbuilt Telerik UI components - TreeView and Breacrumb.

  • Built-in DataSource Configuration

    The FileManager component allows integration with various back-end services. This way, you dictate the back-end operations and file handling. 
    Telerik UI for ASP.NET MVC Data Binding
  • Dealing with a lot of files can be overwhelming, that is why the ASP.NET Core FileManager component comes with a built-in Search functionality, allowing you to find the specific file in the currently selected folder.
    Telerik UI for ASP.NET Core FileManager search
  • Preview Pane

    The Preview Pane in the component is used to show additional information about the selected files or folders. You can toggle its visibility with the Switch Tool in the File Manager Toolbar. By default, the PreviewPane shows information about the thumbnail, file extension, file size, date created and date modified.

    Read how to customize the FileManager PreviewPane

  • Toolbar Comannds

    The Telerik UI for ASP.NET Core FileManager component comes with a built-in Toolbar, which has a predefined set of tools. You can decide to show or hide them depending on your application's needs. 

    See which tools are included in the FileManager Toolbar by default

  • Context Menu in File Manager

    The Telerik UI for ASP.NET Core FileManager's ContextMenu allows you to easily execute commands on the selected file or folder. By default, the items in the Context Menu are Rename and Delete. 

  • RTL Support

    Right-to-left support is available for users who read from right to left. You can satisfy any cultural preference with the FileManager component by changing the alignment between left-to-right and right-to-left with only a few settings.
    Telerik UI for ASP.NET Core RTL Support
  • Views

    You can visualize content in the ASP.NET Core FileManager in two different views, which can be switched from the Toolbar button group:

  • Keyboard Navigation

    The ASP.NET Core FileManager is one of the many components in the suite with out-of-the-box support for keyboard navigation. Users can use the arrows to open or close a node on focus or to navigate to other items in the chart. 
     

    Telerik UI for ASP.NET Core Keyboard Navigation

All ASP.NET Core Components

Next Steps