Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Collapse]File Management
   [Expand]Product Information
   [Collapse]File Manager
     ASPxFileManager Overview
    [Collapse]Concepts
      Thumbnails
      View Modes
      Custom Columns
      Toolbar
      Adaptivity
      Uploading Files
      File Download
      Context Menu
     [Expand]Access Control Overview
     [Expand]File System Providers
      Security Considerations
    [Expand]Visual Elements
    [Expand]Member Tables
    [Expand]Examples
   [Expand]File Upload
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Adaptivity

The DevExpress File Manager supports adaptive mode that allows you to build responsive page layouts. Set the FileManagerSettingsAdaptivity.Enabled to true to enable the File Manager's adaptivity.

View the Demo

Refer to the File Manager - Responsive Layout online demo to see this feature in action.

The ASPxFileManager's adaptive mode includes the following features:

Expanded Adaptive Folder Container

The adaptive folder container is not displayed permanently and can be shown/hidden using the hamburger button (expand/collapse folder container) in the toolbar's left.

The folder container switches to the adaptive mode when the browser window's inner width is less than or equal to the FileManagerSettingsAdaptivity.CollapseFolderContainerAtWindowInnerWidth property's value. The default value is 600 pixels.

You can disable the folder container's adaptive behavior by setting the FileManagerSettingsAdaptivity.EnableCollapseFolderContainer to false.

Expanded Adaptive Toolbar

The File Manager's adaptive toolbar hides its items if the browser window's inner width changes. A user can access the hidden items by clicking the ellipse (Show hidden items) button on the toolbar’s right.

You can specify the order in which toolbar items (including custom ones) are hidden using their AdaptivePriority property (for example, the Filter Box's FileManagerToolbarFilterBox.AdaptivePriority property). Toolbar items (excluding the path box and filter box) also provide the FileManagerToolbarItemBase.AdaptiveText property that allows you to specify the text that denotes the hidden item when a user presses the ellipsis button.

Set the FileManagerToolbarAdaptivitySettings.EnableAutoHideRootItems property to false to disable the adaptive File Manager's toolbar.

Expanded Adaptive Detail View Mode

The ASPxFileManager in detail view mode provides a responsive file container grid that automatically hides columns one by one when the control's size does not fit the browser window. You can define the order in which columns are hidden by specifying the FileManagerDetailsColumn.AdaptivePriority property for each data column and the FileManagerDetailsCommandColumnSettings.AdaptivePriority property for a command column (displayed when the multi-selection feature is enabled).

Set the FileManagerFileListDetailsViewAdaptivitySettings.Mode to FileManagerDetailsViewAdaptivityMode.Off to disable the file container's grid adaptivity.

Is this topic helpful?​​​​​​​