Skip to main content
Tab

FileManagerSettingsFileList.ThumbnailsViewSettings Property

Gets file list settings available when the list is in thumbnails view mode.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

public FileManagerFileListThumbnailsViewSettings ThumbnailsViewSettings { get; }

Property Value

Type Description
FileManagerFileListThumbnailsViewSettings

A FileManagerFileListThumbnailsViewSettings object that contains settings.

Property Paths

You can access this nested property as listed below:

Object Type Path to ThumbnailsViewSettings
ASPxFileManager
.SettingsFileList .ThumbnailsViewSettings
RichEditDocumentSelectorSettings
.FileListSettings .ThumbnailsViewSettings
SpreadsheetDocumentSelectorSettings
.FileListSettings .ThumbnailsViewSettings

Remarks

Web Forms

The following example configures thumbnails view settings of the File Manager control:

<dx:ASPxFileManager ID="fileManager" runat="server">
    <SettingsFileList>
        <ThumbnailsViewSettings ThumbnailHeight="50" ThumbnailWidth="50">
            <ItemTemplate>
                <img class="tmplThumb" src='<%# Eval("ThumbnailUrl") %>' alt='<%# Eval("Name") %>' />
                <div class="tmplTextContainer">
                    <dx:ASPxLabel CssClass="mainInfo" runat="server" Text='<%# Eval("Name") %>' />
                    <br />
                    <dx:ASPxLabel CssClass="additionalInfo" runat="server" Text='<%# GetFileType(Container.DataItem as FileManagerFile) %>' />
                    <br />
                    <dx:ASPxLabel CssClass="additionalInfo" runat="server" Text='<%# GetSize(Container.DataItem as FileManagerFile) %>' />
                </div>
            </ItemTemplate>
        </ThumbnailsViewSettings>
    </SettingsFileList>
    <!-- ... -->
</dx:ASPxFileManager>

Run Demo: File Manager - Templates

You can customize the file manager’s toolbar to display buttons that allow users to switch between view modes. Refer to the following demo for more information: File Manager - Custom Toolbar.

MVC

The following example configures details view settings of the File Manager extension:

settings.SettingsFileList.ThumbnailsViewSettings.ThumbnailHeight = Unit.Pixel(50);
settings.SettingsFileList.ThumbnailsViewSettings.ThumbnailWidth = Unit.Pixel(50);
settings.SettingsFileList.ThumbnailsViewSettings.SetThumbnailViewItemTemplateContent(c => {
    ViewContext.Writer.Write(
        "<img class=\"tmplThumb\" src=\"" + c.Item.ThumbnailUrl + "\" alt='<%# Eval(\"Name\") %>' />" +
        "<div class=\"tmplTextContainer\">" +
            "<span>" + DataBinder.Eval(c.DataItem, "Name") + "</span>" +
            "<br />" +
            "<span class=\"additionalInfo\">" + FileManagerItemInfo.Create("", c.Item.FullName).Type + "</span>" +
            "<br />" +
            "<span class=\"additionalInfo\">" + c.Item.Length / 1024 + "Kb </span>" +
        "</div>"
    );
});

Run Demo: FileManager - Templates

You can customize the file manager’s toolbar to display buttons that allow users to switch between view modes. Refer to the following demo for more information: File Manager - Custom Toolbar.

See Also