Log In
[Expand]General Information
[Collapse]WinForms Controls
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Collapse]Data Grid
   [Expand]Getting Started
   [Expand]Binding to Data
   [Expand]Grid View
   [Collapse]View Technology
    [Expand]Banded Grid Views
    [Collapse]Card View
      Card View
      Card Settings
      Card Layout
      Card Auto Width
    [Expand]Layout View
    [Expand]Tile View
    [Expand]WinExplorer View
     View Hierarchy
   [Expand]Data Editing
   [Expand]Filtering and Locating Rows
   [Expand]Focus and Selection Handling
   [Expand]Processing Rows
   [Expand]Formatting Cell Values
   [Expand]Master-Detail Relationships
   [Expand]Asynchronous Image Load
   [Expand]Export and Printing
   [Expand]Appearance and Conditional Formatting
   [Expand]Batch Modifications
   [Expand]Hit Information
   [Expand]Popup Menus
   [Expand]Saving and Restoring Layouts
   [Expand]Visual Elements
   [Expand]Design-Time Features
   [Expand]End-User Capabilities
    Included Components
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Card View

A Card View presents underlying data as cards that arrange fields vertically in a single column.

Expanded Card View Basics

In a Card View (CardView), bound records are represented as cards consisting of fields that are always arranged one under another. The Card View doesn't support other field layouts. If you need to arrange fields in some other manner, use the Layout View instead. The following image shows a sample Card View.

Each card field represents a column in a bound data source and is encapsulated by a GridColumn object. Its GridColumn.FieldName property identifies the field in the data source that provides data for a card field. To access all columns/card fields, use the ColumnView.Columns property.

A Card View always arranges cards down and then across. Unlike this View, the Layout View supports multiple card layouts. The distance between cards and the maximum number of visible cards can be customized. Card Views also support the auto-width feature, which allow cards to be stretched to a Card View's width. See Card Layout for more information.

Since cards represent data source records, they can be identified in a grid by their handles. These are unique integer values that identify the visual order of cards. See Identifying Rows and Cards to learn more. The Column and Card Field Overview and Rows and Cards Overview topics provide detailed information about columns and cards respectively.

Expanded Card View Main Features

Card Views enable you to represent data using the following features.

How would you rate this topic?​​​​​​​