WinForms Data Grid

Card / Contact View

 

Card Layout

Cards are arranged into columns, with a down then right data flow. The number and size of cards visible on screen depends upon the following settings:

  • Customizable Card Intervals
    You can change the distance that separates cards from the view border and from one another.
  • Predefined Number of Cards and Columns
    You can set the limit for card rows and columns that can be displayed simultaneously within a View.
  • End-User Card Resizing
    End users can drag the card separator lines to resize cards horizontally. These lines are available by default and can be hidden when necessary.
  • Auto Card-Width
    Card width can be calculated automatically so that the View does not display truncated cards. When active, cards are automatically stretched to occupy the entire View region horizontally. You can change the number of card columns to be displayed simultaneously in this mode. By default, a single card column is stretched to fit the entire View.

Card Captions, Expanding and Collapsing Cards

By default, cards display captions that can include both text and images, along with buttons that are used to expand and collapse individual cards.

  • Customizable Card Caption Text
    Card captions can display any text together with the current record index and values from any field.
  • Customizable Card Caption Images
    You can display images within card captions by using the appropriate Card View event.
  • Customizable Expand Button Visibility
    You can show or hide card caption buttons that allow end users to expand and collapse cards. When cards are collapsed only the corresponding card caption is displayed.
  • Customizable Field Caption Visibility
    You can customize the visibility of field captions.(Screen Shot)
  • Prevent Expansion/Collapse
    Card Views provide an event that is raised when a card's expanded state is about to be changed, and which you can use to prohibit card expansion and collapse.
  • Row Separators
    You can create intervals between data rows by assigning the appropriate value to the View's RowSeparatorHeight property.

Card Field Layout

By default, each card displays the same number of fields. Each field's width is calculated automatically to fit a single text line within it. You can change this default behavior using the following options:

  • Suppressing Empty Fields
    Card Views can suppress the display of fields with null values, and thus provide end-user with a more readable display.
  • Automatic Field Height Calculation
    If you are displaying lengthy text values or images, Card Views can calculate the field height automatically so that data is not truncated.
  • End-User Field Visibility Customization
    Users can hide and show individual fields using the Card View's customization dropdown.

Card scrolling

If cards do not vertically fit into a View, they will display scroll buttons which allow end-users to access all card fields.

More from DevExpress
Live Chat
Have a pre-sales question?
Need assistance with your evaluation?
We are here to help.
Chat is one of the many ways you can contact members of the DevExpress Team. We are available Monday-Friday between 8:30am and 5:00pm Pacific Time.
If you need additional product information, require pre-sales assistance, or want help with your order, write to us at info@devexpress.com or call us at
+1 (818) 844-3383.