FileManagerSettingsFileList.View Property

Gets or sets how to display items in the file manager’s file list .

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.2.dll

NuGet Package: DevExpress.Web

Declaration

C#

[DefaultValue(FileListView.Thumbnails)]
public FileListView View { get; set; }

VB.NET

<DefaultValue(FileListView.Thumbnails)>
Public Property View As FileListView

Property Value

Type	Default	Description
FileListView	Thumbnails	One of the FileListView enumeration values.

Available values:

Name	Description
Thumbnails	File list displays files as thumbnails.
Details	File list displays files as a grid containing file detail information.

Property Paths

You can access this nested property as listed below:

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

Remarks

Web Forms

The following example configures the file list’s view mode in markup:

ASPX

<dx:ASPxFileManager ID="fileManager" runat="server" >
    <SettingsFileList View="Details">
        <DetailsViewSettings AllowColumnResize="true" AllowColumnDragDrop="true" 
        AllowColumnSort="true" ShowHeaderFilterButton="false" />
    </SettingsFileList>
    <!-- ... -->
</dx:ASPxFileManager>

The following code snippet changes the file list’s view mode in code:

C#

ASPxFileManager fm = new ASPxFileManager();
// ...
fm.SettingsFileList.View = FileListView.Details;
fm.SettingsFileList.DetailsViewSettings.AllowColumnResize = true;
fm.SettingsFileList.DetailsViewSettings.AllowColumnDragDrop = true;
fm.SettingsFileList.DetailsViewSettings.AllowColumnSort = true;
fm.SettingsFileList.DetailsViewSettings.ShowHeaderFilterButton = false;

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 changes the file list’s view mode to Details:

C#

@Html.DevExpress().FileManager( settings => {
    settings.Name = "fileManager";
    settings.SettingsFileList.View = FileListView.Details;
    settings.SettingsFileList.DetailsViewSettings.AllowColumnResize = true;
    settings.SettingsFileList.DetailsViewSettings.AllowColumnDragDrop = true;
    settings.SettingsFileList.DetailsViewSettings.AllowColumnSort = true;
    settings.SettingsFileList.DetailsViewSettings.ShowHeaderFilterButton = false
    // ...
}).BindToFolder(Model).GetHtml()

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.