Back to Devexpress

Cards Layout

wpf-6298-controls-and-libraries-data-grid-views-card-view-cards-layout.md

latest2.1 KB
Original Source

Cards Layout

  • Apr 01, 2021
  • 2 minutes to read

Card Arrangement

A Card View can arrange cards in columns or rows. This is specified by the CardView.CardLayout property.

  • Columns Layout

  • Rows Layout

The maximum number of cards in a row (or column) is specified by the CardView.MaxCardCountInRow property.

Card Alignment

The alignment of cards is specified by the CardView.CardAlignment property. The table below shows all possible card alignments:

Rows Alignment

CenterFarNear

Columns Alignment

CenterFarNear

Card Size

By default, a card’s size (its width or height depending on the layout) is automatically calculated to display its content in the 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 CardView.FixedSize property. The minimum size to which a card can be resized is specified by the CardView.MinFixedSize property.

An end-user can resize cards by dragging a Card Separator if the CardView.FixedSize property is specified and the CardView.AllowCardResizing property is set to true.