ContextQMD
Back to Devexpress

Enable Split Layout in a List View

expressappframework-404203-getting-started-in-depth-tutorial-blazor-customize-data-display-and-view-layout-display-a-detail-view-with-a-list-view.md

latest1.7 KB
Original Source

Enable Split Layout in a List View

  • Jun 03, 2025

This lesson explains how to enable a Split Layout in a List View.

The Detail View opens when you select an object from the List View. In ASP.NET Core Blazor applications, this Detail View replaces the List View. In Windows Forms applications, XAF renders a new window.

The instructions below explain how to show the Detail View of the selected Department object alongside the Department List View.

Step-by-Step Instructions

  1. In the MySolution.Module project, open the Model.DesignedDiffs.xafml file in the Model Editor. Navigate to the Views | MySolution.Module.BusinessObjects | Department | Department_ListView node. Set the MasterDetailMode property of this node to ListViewAndDetailView.

  2. Run the application. Open the Department List View and select an object to see the object’s Detail View in the same window:

Tip

To specify the Detail View that appears alongside the List View, use the MasterDetailView property. To customize the Detail View location, use the Direction and ViewsOrder properties of the <Class>_ListView | SplitLayout node.

Next Lesson

Make a List View Editable