Back to Devexpress

FileManagerSettingsToolbar.AdaptiveToolbarImage Property

aspnet-devexpress-dot-web-dot-filemanagersettingstoolbar-f5cee7d3.md

latest5.0 KB
Original Source

FileManagerSettingsToolbar.AdaptiveToolbarImage Property

Gets the settings of an image displayed in an adaptive ASPxFileManager‘s toolbar, when it contains hidden items.

Namespace : DevExpress.Web

Assembly : DevExpress.Web.v25.2.dll

NuGet Package : DevExpress.Web

Declaration

csharp
public ItemImageProperties AdaptiveToolbarImage { get; }
vb
Public ReadOnly Property AdaptiveToolbarImage As ItemImageProperties

Property Value

TypeDescription
ItemImageProperties

An ItemImageProperties object that contains image settings.

|

Property Paths

You can access this nested property as listed below:

LibraryObject TypePath to AdaptiveToolbarImage
ASP.NET MVC ExtensionsFileManagerSettings

.SettingsToolbar .AdaptiveToolbarImage

| | ASP.NET Web Forms Controls | ASPxFileManager |

.SettingsToolbar .AdaptiveToolbarImage

| | RichEditDocumentSelectorSettings |

.ToolbarSettings .AdaptiveToolbarImage

| | SpreadsheetDocumentSelectorSettings |

.ToolbarSettings .AdaptiveToolbarImage

|

Remarks

When the FileManagerSettingsAdaptivity.Enabled property is set to true, the ASPxFileManager can automatically hide its toolbar items when the browser window is resized. You can control the order in which toolbar item are hidden via AdaptivePriority property of the corresponding toolbar item (e.g., the FileManagerToolbarPathBox.AdaptivePriority for the path box).

The hidden toolbar items can be displayed by hovering the adaptive toolbar image.

Concept

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

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

csharp
@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()

See Also

FileManagerSettingsToolbar Class

FileManagerSettingsToolbar Members

DevExpress.Web Namespace