Tab

FileManagerFileListThumbnailsViewSettings.ThumbnailSize Property

Obsolete. Gets or sets the file thumbnail's size in pixels.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v20.2.dll

Declaration

[Obsolete("Use ThumbnailWidth and ThumbnailHeight properties instead.")]
[DefaultValue(typeof(Unit), "")]
public virtual Unit ThumbnailSize { get; set; }
<Obsolete("Use ThumbnailWidth and ThumbnailHeight properties instead.")>
<DefaultValue(GetType(Unit), "")>
Public Overridable Property ThumbnailSize As Unit

Property Value

Type Default Description
Unit

String.Empty

A Unit object that specifies the size.

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