[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 With Data Grid and Views
   [Expand]Data Binding
    Unbound Columns
   [Expand]Data Editing and Validation
   [Expand]Filter and Search
   [Expand]Focus and Selection Handling
    Formatting 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
   [Expand]Hit Information
    Popup Menus
   [Expand]Saving and Restoring Layouts
   [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.

Appearance Styles can be customized separately for card field captions and value cells. See these topics for more information.
Field Layout LayoutView.TemplateCard
In-place Editor GridColumn.ColumnEdit
Image LayoutViewColumn.Image and LayoutViewColumn.ImageIndex
Field Caption Text GridColumn.Caption
Field Border LayoutViewOptionsView.ShowCardFieldBorders
Field Hot-Tracking LayoutViewOptionsView.AllowHotTrackFields
Hints LayoutViewOptionsView.ShowFieldHints
Size 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?​​​​​​​