Tab

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

Declaration

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

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

Example

Web Forms (declaratively):

<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):

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:

@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

See Also