Skip to main content
Tab

FileManagerFileListThumbnailsViewSettings.ThumbnailSize Property

OBSOLETE

Use ThumbnailWidth and ThumbnailHeight properties instead.

Gets or sets the file thumbnail‘s size in pixels.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

[DefaultValue(typeof(Unit), "")]
[Obsolete("Use ThumbnailWidth and ThumbnailHeight properties instead.")]
public virtual Unit ThumbnailSize { get; set; }

Property Value

Type Default Description
Unit String.Empty

A Unit object that specifies the size.

Property Paths

You can access this nested property as listed below:

Object Type Path to ThumbnailSize
FileManagerSettingsFileList
.ThumbnailsViewSettings .ThumbnailSize

Remarks

This property affects thumbnails displayed in ASPxFileManager file list in thumbnails view (when the FileManagerSettingsFileList.View property is set to Thumbnails). The ThumbnailSize property specifies the side of a square that limits a thumbnail size.

To specify the thumbnail size for file list in details view, use the FileManagerFileListDetailsViewSettings.ThumbnailSize property.

Example

Web Forms:

<dx:ASPxFileManager ID="fileManager" runat="server">
    <SettingsFileList>
        <ThumbnailsViewSettings ThumbnailSize="100" 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>

MVC:

settings.SettingsFileList.ThumbnailsViewSettings.ThumbnailHeight = Unit.Pixel(50);
settings.SettingsFileList.ThumbnailsViewSettings.ThumbnailWidth = Unit.Pixel(50);
settings.SettingsFileList.ThumbnailsViewSettings.ThumbnailSize = Unit.Pixel(100);
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>"
    );
});

Online Demo

See Also