Skip to main content
All docs
V24.1

Enable Split Layout in a List View

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.

    Split View activation in Model Editor

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

    ASP.NET Core Blazor
    Split View in ASP.NET Core Blazor
    Windows Forms:
    Split View in Windows Forms

    The Detail View is context-sensitive and its content depends on the selected Department object.

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