FileManagerToolbarAdaptivitySettings.EnableAutoHideRootItems Property

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

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v20.2.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:

Library	Object Type	Path to EnableAutoHideRootItems
ASP.NET Controls and MVC Extensions	HtmlEditorDocumentSelectorToolbarSettings	.SettingsAdaptivity .EnableAutoHideRootItems
	HtmlEditorFileManagerToolbarSettings	.SettingsAdaptivity .EnableAutoHideRootItems
	FileManagerSettingsToolbar	.SettingsAdaptivity .EnableAutoHideRootItems
ASP.NET Bootstrap Controls	BootstrapFileManagerSettingsToolbar	.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 (declaratively):

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)