CardView Class

Represents a View that displays data using cards.

Namespace: DevExpress.Xpf.Grid

Assembly: DevExpress.Xpf.Grid.v18.2.dll

Declaration

C#

public class CardView :
    GridViewBase

VB.NET

Public Class CardView
    Inherits GridViewBase

Remarks

A Card View represents data in cards. Data records are represented as cards, and data fields are represented as card fields, displayed one under another.

Once you have created a new instance of the CardView class, it should be assigned to the grid’s GridControl.View property.

To learn more about specific features provided by the Card View, see Views and Card View. For information on how to create views, see Creating and Assigning Views.

Example

This example shows how to create the DXGrid control and display data from the NorthWind database. In this example, data records are represented by cards in a Card View.

The CreateGrid() method shows how to create and initialize the DXGrid control at runtime.

C#

using DevExpress.Xpf.Grid;

public Window1() {
    InitializeComponent();
    gc.DataSource =
        new dsNwindProductsTableAdapters.ProductsTableAdapter().GetData();
    //CreateGrid();
}
private void CreateGrid() {
    GridControl gc = new GridControl();
    gc.AutoPopulateColumns = true;
    gc.View = new CardView();
    gc.DataSource =
        new dsNwindProductsTableAdapters.ProductsTableAdapter().GetData();
    this.AddChild(gc);
}

XAML

<dxg:GridControl Name="gc" AutoPopulateColumns="True">
    <dxg:GridControl.View>
        <dxg:CardView/>
    </dxg:GridControl.View>
</dxg:GridControl>

Related GitHub Examples

The following code snippets (auto-collected from DevExpress Examples) contain references to the CardView class.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

C#

wpf-data-grid-bind-selected-rows-to-viewmodel-property/CS/GridMVVMSelection/MainWindow.xaml#L33

<dxg:GridControl.View>
    <dxg:CardView NavigationStyle="Row" />
</dxg:GridControl.View>

how-to-implement-the-drag-and-drop-functionality-between-a-tilelayoutcontrol-descendant-and-e4309/CS/TileLayoutControlDescendant/MainWindow.xaml#L40

<dxg:GridControl.View>
    <dxg:CardView Name="CardView1" ShowTotalSummary="True" ShowGroupPanel="False">
        <dxg:CardView.CardTemplate>

how-to-implement-the-drag-and-drop-functionality-between-tilelayoutcontrol-and-gridcontrol-b-e4303/CS/DXSample/MainWindow.xaml#L45

<dxg:GridControl.View>
    <dxg:CardView Name="tableView1" NavigationStyle="Cell" FixedSize="250" MinFixedSize="150"  ShowTotalSummary="True" ShowGroupPanel="False" AutoScrollOnSorting="True" />
</dxg:GridControl.View>

how-to-check-spelling-of-an-active-grid-cell-t598294/CS/WpfApplication1/MainWindow.xaml#L19

<dxg:GridControl.View>
    <dxg:CardView  />
</dxg:GridControl.View>

how-to-implement-drag-and-drop-between-gridcontrols-t566656/CS/MainWindow.xaml#L34

<dxg:GridControl.View>
    <dxg:CardView AllowDragDrop="True" DragRecordOver="OnDragRecordOver" />
</dxg:GridControl.View>

Implements

IPrintableControl

Inheritance

Show 11 items

Object

DispatcherObject

DependencyObject

Visual

UIElement

FrameworkElement

Control

DataViewBase

GridDataViewBase

GridViewBase

CardView

Extension Methods

GetErrorOperationCommands(Position)

GetErrorOperationCommands(Int32)

GetErrorOperationCommands(Point)