[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Collapse]Report and Dashboard Server
  License and Distribution
 [Expand]Administrative Panel
 [Expand]Create Reports
 [Collapse]Create Dashboards
   Create and Customize a Dashboard
   Bind a Dashboard to Data
   Add Dashboard Items and Perform Basic Data Shaping
   Customize the Dashboard Appearance
   Provide Interactivity to the Dashboard
   Create a Calculated Field
   Add Filter Elements
   Customize the Dashboard Layout
   Add a Dashboard Parameter and Filter Data
   Export the Dashboard and Its Items
 [Expand]Configuration and API
  User-Specific Functions
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Customize the Dashboard Layout

This tutorial describes how to arrange and resize dashboard items, organize them into groups, customize item captions and change the dashboard title.

Expanded Resize Dashboard Items

You can resize dashboard items by dragging their edges. The resizing indicator ( or ) appears in the area allowing you to resize items.

Click and drag the cursor until you get the desired size and release the left mouse button.

Expanded Move Dashboard Items

You can re-arrange dashboard items using drag-and-drop operations. Select the item you want to move and click the Move button.

Drag the item to the required area and release the left mouse button when it is in position.

This moves the dashboard item to a new position.

Expanded Combine Items into a Group

The Dashboard allows you to combine items into groups. Use the Group toolbox button to add a new group.

You can create dashboard items using the buttons in the group or move the existing items using drag and drop. Move the list box filter and grid item to the created group.

The list box filter element contained within the group now filters only the grid dashboard item from this group.

Use the group's Interactivity menu to manage interaction between dashboard items within and outside the group.

Enable the Master Filter option to filter external dashboard items using master filter items contained within the group. The Ignore Master Filters option allows you to isolate dashboard items contained within the group from being filtered using external master filter items.

Expanded Customize Item Captions

Each dashboard item displays a caption at the top and provides the static text along with command buttons.

Invoke the item's Options menu and use the Caption property to specify a custom caption text.

You can also hide the item caption by disabling the Show Caption option.

Expanded Customize the Dashboard Title

The Dashboard title is at the top of the dashboard surface and can contain text and image content.

Click the menu button and open the Title page to change the title settings.

This allows you to specify:

  • Text - The dashboard title text.
  • Visible - Indicates whether the dashboard title is visible.
  • Alignment - The dashboard title's alignment.
  • Include Master Filter - Specifies whether to show the master filter items' state in the dashboard title.
  • Image - Allows you to specify the image displayed within the dashboard title.

Expanded View the Result

The following image demonstrates the resulting dashboard layout:

Expanded See Also

Is this topic helpful?​​​​​​​