Log In
[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
   [Expand]Binding to Data
   [Expand]Grid View
   [Collapse]View Technology
    [Expand]Banded Grid Views
    [Expand]Card View
    [Collapse]Layout View
      Layout View
      Card Layouts
      Stretching Cards to the View
      Card Alignment
    [Expand]Tile View
    [Expand]WinExplorer View
     View Hierarchy
   [Expand]Data Editing
   [Expand]Filtering and Locating Rows
   [Expand]Focus and Selection Handling
   [Expand]Processing Rows
   [Expand]Formatting Cell Values
   [Expand]Master-Detail Relationships
   [Expand]Asynchronous Image Load
   [Expand]Export and Printing
   [Expand]Appearance and Conditional Formatting
   [Expand]Batch Modifications
   [Expand]Hit Information
   [Expand]Popup Menus
   [Expand]Saving and Restoring Layouts
   [Expand]Visual Elements
   [Expand]Design-Time Features
   [Expand]End-User Capabilities
    Included Components
  [Expand]Vertical 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]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Stretching Cards to the View

In Single Card, Row, Column, MultiRow and MultiColumn layouts, cards can be stretched into the View. When cards are arranged into a row(s), they can be stretched to fully fill the View's height. When cards are arranged into a column(s), they can be stretched to fill the View's width. In a single card display mode, the current card can be stretched horizontally and vertically simultaneously.

To stretch cards into the view area, use the StretchCardToViewHeight and StretchCardToViewWidth properties. In a single card display mode, these options can be accessed via the LayoutView.OptionsSingleRecordMode object. In other modes, use the StretchCardToViewHeight and StretchCardToViewWidth properties, available via the LayoutView.OptionsMultiRecordMode object.

When card stretching is enabled, cards cannot be arranged into multiple rows/columns. If the MultiRow or MultiColumn layout is applied, cards are always arranged into a single row/column.

The following image shows a sample Layout View, where cards are arranged in a row and stretched vertically (the LayoutViewOptionsMultiRecordMode.StretchCardToViewHeight option is enabled).

Displaying a single card and stretching it into the View allows you to imitate a detail entry form. The following image shows this Layout View (both the LayoutViewOptionsSingleRecordMode.StretchCardToViewHeight and LayoutViewOptionsSingleRecordMode.StretchCardToViewWidth options are enabled):

How would you rate this topic?​​​​​​​