FileManagerToolbarAdaptivitySettings.EnableAutoHideRootItems Property

Specifies whether the toolbar items are automatically hidden when the browser width changes.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

C#

[DefaultValue(true)]
public bool EnableAutoHideRootItems { get; set; }

VB.NET

<DefaultValue(True)>
Public Property EnableAutoHideRootItems As Boolean

Property Value

Type	Default	Description
Boolean	true	true, to hide the toolbar items automatically; otherwise, false.

Property Paths

You can access this nested property as listed below:

Object Type	Path to EnableAutoHideRootItems
FileManagerSettingsToolbar	.SettingsAdaptivity .EnableAutoHideRootItems

Remarks

Set the EnableAutoHideRootItems property to true to automatically hide the items when the browser changes its width.

The EnableAutoHideRootItems property is in effect if the FileManagerSettingsAdaptivity.Enabled property is set to true.

Concept

• Toolbar

• Adaptivity

Example

Web Forms (in markup):

ASPX

<dx:ASPxFileManager ID="FileManager" ClientInstanceName="FileManager" runat="server" />
    <SettingsToolbar>
        <Items>
            ...
        </Items>
          <AdaptiveToolbarImage Height="13" Width="13" Url="../Images/Adaptivity/Toolbar.png" ToolTip="Toolbar" AlternateText="Toolbar" />
        <SettingsAdaptivity EnableAutoHideRootItems="true" />
    </SettingsToolbar>
</dx:ASPxFileManager>

Web Forms (in code):

C#

ASPxFileManager fm = new ASPxFileManager();
...
fm.SettingsToolbar.AdaptiveToolbarImage.Height = Unit.Pixel(13);
fm.SettingsToolbar.AdaptiveToolbarImage.Width = Unit.Pixel(13);
fm.SettingsToolbar.AdaptiveToolbarImage.Url = Url.Content("../Images/Adaptivity/Toolbar.png"); 
fm.SettingsToolbar.AdaptiveToolbarImage.ToolTip = "Toolbar";
fm.SettingsToolbar.AdaptiveToolbarImage.AlternateText="Toolbar";
fm.SettingsToolbar.SettingsAdaptivity.EnableAutoHideRootItems = true;

MVC:

C#

@Html.DevExpress().FileManager( settings => {
    settings.Name = "fileManager";

    settings.SettingsToolbar.AdaptiveToolbarImage.Height = Unit.Pixel(13);
    settings.SettingsToolbar.AdaptiveToolbarImage.Width = Unit.Pixel(13);
    settings.SettingsToolbar.AdaptiveToolbarImage.Url = Url.Content("../Images/Adaptivity/Toolbar.png"); 
    settings.SettingsToolbar.AdaptiveToolbarImage.ToolTip = "Toolbar";
    settings.SettingsToolbar.AdaptiveToolbarImage.AlternateText="Toolbar";
    settings.SettingsToolbar.SettingsAdaptivity.EnableAutoHideRootItems = true;
    ...
}).BindToFolder(Model).GetHtml()

Online Demo

• ASPxFileManager - Responsive Layout (Web Forms)

• FileManager - Responsive Layout (MVC)