Back to Devexpress

TileView Class

windowsforms-devexpress-dot-xtragrid-dot-views-dot-tile.md

latest8.6 KB
Original Source

TileView Class

Displays records as tiles, using one of the following layout modes: default (standard table layout), list (tiles have no space between them), and Kanban. This View includes the Tile Template feature, which helps you arrange fields relative to other fields, specify absolute or relative field display bounds, etc. In-place editors are supported when you use HTML-based templates.

Namespace : DevExpress.XtraGrid.Views.Tile

Assembly : DevExpress.XtraGrid.v25.2.dll

NuGet Packages : DevExpress.Win.Grid, DevExpress.Win.Navigation

Declaration

csharp
public class TileView :
    ColumnView,
    ISupportXtraAnimation,
    IAppearanceOwner,
    IContextItemCollectionOwner,
    IContextItemCollectionOptionsOwner,
    ISupportAsyncScrollAnimation,
    IEditFormOwner,
    IGridLookUp,
    IAccessibleGrid,
    IDataControllerValidationSupport,
    IFormatRuleFilter,
    IDxHtmlDesignerDataProvider,
    ISupportCommandBindingForElements<string>,
    IDxHtmlRepositoryOwner
vb
Public Class TileView
    Inherits ColumnView
    Implements ISupportXtraAnimation,
               IAppearanceOwner,
               IContextItemCollectionOwner,
               IContextItemCollectionOptionsOwner,
               ISupportAsyncScrollAnimation,
               IEditFormOwner,
               IGridLookUp,
               IAccessibleGrid,
               IDataControllerValidationSupport,
               IFormatRuleFilter,
               IDxHtmlDesignerDataProvider,
               ISupportCommandBindingForElements(Of String),
               IDxHtmlRepositoryOwner

The following members return TileView objects:

Remarks

The TileView displays records as Windows UI-inspired tiles.

Tile View - LayoutMode: Default (Tiles are arranged down then across or across then down depending on the orientation)
Data Grouping: Disabled, Orientation: Horizontal, RowCount: 3

Tile View - LayoutMode: Default
Data Grouping: Enabled, Orientation: Horizontal, RowCount: 2

Tile View - LayoutMode: Default
Data Grouping: Enabled,Orientation: Horizontal, RowCount: 1

Tile View - LayoutMode: Default
Data Grouping: Enabled, Orientation: Vertical, ColumnCount: 2

Tile View - LayoutMode: Default
Data Grouping: Enabled, Orientation: Vertical, ColumnCount: 1

Tile View - LayoutMode: Kanban (Tiles are arranged in columns, with a separate column for each group; Independent column scrolling)
Data Grouping: Enabled, Orientation: Horizontal

Tile View - LayoutMode: Kanban (Tiles are arranged in rows, with a separate column for each group; Independent row scrolling)
Data Grouping: Enabled, Orientation: Vertical

Tile View - LayoutMode: List (Tiles are arranged in a single or multiple columns, and stretched to fit the View’s width)
Data Grouping: Enabled, Orientation: Vertical, ColumnCount: 1

Tile View - LayoutMode: List (Tiles are arranged in a single or multiple columns, and stretched to fit the View’s width)
Data Grouping: Enabled, Orientation: Vertical, ColumnCount: 2

Tile View - LayoutMode: List (Tiles are arranged in a single or multiple rows, and stretched to fit the View’s height)
Data Grouping: Enabled, Orientation: Horizontal, RowCount: 1

Tile View - LayoutMode: List (Tiles are arranged in a single or multiple rows, and stretched to fit the View’s height)
Data Grouping: Enabled, Orientation: Horizontal, RowCount: 2

The data editing feature is supported in a separate edit form.

See the following help topic to learn more: Tile View.

Demos :

Note

TileView does not support repository items and does not use them to render Tile Item element content.

Inheritance

Object MarshalByRefObject Component BaseView ColumnView TileView

See Also

TileView Members

Tile View

Kanban Board

HTML and CSS-based Desktop UI

HTML Tags

CSS Styles

Create thumbnails and load them asynchronously in a TileView

DevExpress.XtraGrid.Views.Tile Namespace