Back to Devexpress

Display Multiple Views Side-by-Side (Dashboard View)

expressappframework-113296-ui-construction-views-layout-display-several-views-side-by-side.md

latest3.7 KB
Original Source

Display Multiple Views Side-by-Side (Dashboard View)

  • Oct 21, 2025
  • 2 minutes to read

This topic explains how to display multiple Views side-by-side on a single screen within a Dashboard View. The Dashboard View can show any number of unrelated Views in a single Frame.

Create a Dashboard View

Add a Dashboard View

Open the Model Editor for the MySolution.Module project (or for a platform-specific module). Right-click the Views node and add a Dashboard View.

Set the View’s Id property to MyDashboardView.

Specify the Views to Be Displayed on the Dashboard View

The Dashboard View displays inner Views within the Dashboard View Items.

Right-click the Items node and add a Dashboard View Item.

Use the View property to select a View displayed within the newly created Dashboard View Item. Specify the Dashboard View Item’s Id.

Repeat the steps above to add another Dashboard View Item.

Configure the Dashboard View Layout

Configure the Dashboard View layout as you like. For a thorough explanation of how to customize a View layout, refer to the following topic: View Items Layout Customization.

Create a Navigation Item

Create a Navigation Item to allow users to invoke the Dashboard View. In the Model Editor, right-click the NavigationItems | Items node and add a Navigation Item.

Set the Id and View properties to MyDashboardView.

Run the application, and open the “MyDashboardView” item to see the newly created Dashboard View in action.

Available Dashboard View Items

The Dashboard View supports the following View Item types:

See Also

DashboardView

Navigation System

Visiting Dashboards

How to implement dependent views in a DashboardView (filter based on selection)