[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [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]Get Started With Data Grid and Views
   [Expand]Data Binding
    Unbound Columns
   [Expand]Data Editing and Validation
   [Expand]Filter and Search
   [Expand]Focus and Selection Handling
    Format Cell Values
   [Expand]Master-Detail Relationships
   [Expand]Asynchronous Image Load
   [Expand]Export and Printing
   [Expand]Appearance and Conditional Formatting
    Split Presentation
    Row Preview Sections
   [Expand]Batch Modifications
    Hit Information
    Popup Menus
   [Expand]Save and Restore Layout
   [Collapse]Visual Elements
    [Expand]Grid Control Elements
    [Expand]View Common Elements
    [Expand]Grid View Elements
    [Expand]Card View Elements
    [Collapse]Layout View Elements
      Card Caption
      Card Expand Button
      Card Field
      Card Field Caption
      Card Field Value
      Cards Area
      Customization Form
      Field Filter Button
      Field Sort Button
      Header Panel
    [Expand]Banded Grid View Elements
    [Expand]Master-Detail Mode Related Elements
   [Expand]Design-Time Features
   [Expand]End-User Capabilities
    Included Components
  [Expand]Vertical Grid
  [Expand]Property 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]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[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 Field

Represents a single data source field in a Card. Card fields can be arranged using multiple layouts. Each card field displays a value region and can optionally display a caption.

Two objects are created in a LayoutView for each data source field:

  • LayoutViewField object that contains layout settings, such as size constraints, indents, alignment settings, visibility and location.
  • LayoutViewColumn object (derived from the GridColumn class) that provides a field's various display and behavior settings (the field caption text, in-place editor type, display format, whether the field is editable, whether sorting and filtering is enabled, etc.).

LayoutViewColumn objects are stored in the ColumnView.Columns collection. To get a LayoutViewField object that corresponds to a LayoutViewColumn object, see the LayoutViewColumn.LayoutViewField property.



The following table lists the main properties affecting element appearance.


Styles can be customized separately for card field captions and value cells. See these topics for more information.

Field Layout


In-place Editor



LayoutViewColumn.Image and LayoutViewColumn.ImageIndex

Field Caption Text



Field Border


Field Hot-Tracking





The Size and EditorPreferredWidth properties of LayoutViewField objects.

Size Constraints

The MinSize and MaxSize properties of LayoutViewField objects.

Field Outer and Inner Indents

The Spacing and Padding properties of LayoutViewField objects specify the outer and inner indents respectively.

Field Caption Visibility and Location

The TextVisible and TextLocation properties of LayoutViewField objects.

Field Caption Alignment Settings

The TextAlignMode property of LayoutViewField objects.

Field Caption Indent

The OptionsItemText.TextToControlDistance property of the LayoutView.TemplateCard object specifies the default caption indent for all fields.

The TextToControlDistance property of individual LayoutViewField objects allows you to specify caption indents for specific fields.

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