[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Collapse]Data Grid
   [Expand]Getting Started
   [Expand]Implementation Details
    [Expand]Table View
    [Collapse]Card View
      Cards Layout
      Card Settings
      Expanding and Collapsing Cards
     TreeList View
     Creating and Assigning Views
   [Expand]Grid View Data Layout
   [Expand]Binding to Data
   [Expand]Master-Detail Data Representation
   [Expand]Data Editing and Validation
   [Expand]Filtering and Searching
   [Expand]Data Summaries
   [Expand]Paging and Scrolling
   [Expand]Focus, Navigation, Selection
   [Expand]Conditional Formatting
   [Expand]Appearance Customization
   [Expand]MVVM Enhancements
   [Expand]Printing and Exporting
   [Expand]Performance Improvement
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]End-User Capabilities
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Card Settings

A Card View represents data as cards. Cards represent data records in a data source. A card arranges data source fields vertically, in a single column.

The image below highlights the major card settings:

Member Description
CardView.FixedSize Gets or sets a card's width (or height). By default, a card's size (its width or height depending on the layout) is automatically calculated to display its content in an optimal way. As a result, different cards can have different sizes. To avoid this, and specify the same size for all cards displayed within a view, use the FixedSize property.
CardView.MinFixedSize Specifies the minimum size to which cards can be resized by an end-user, or in code.
CardView.CardHeaderBinding Gets or sets the binding that specifies the content of card headers.
CardView.CardMargin Specifies the outer margin of a card.
CardView.CardHeaderTemplate Specifies the template that represents card headers.
CardView.CardTemplate Specifies the templates that represents cards.
CardView.CardStyle Specifies a card's style.

Expanded How to Bind Card Headers to Data

This example shows how to display product names within card headers. To do this, the CardView.CardHeaderBinding property is used.

The image below shows the result:

Is this topic helpful?​​​​​​​