Dashboard

General Information

.NET Subscription

Overview

Common Tools

Project Converter

Assembly Deployment Tool

Localization Service

Desktop

Controls

WinForms

WPF

UWP (Windows 10)

Tools

WinForms Skin Editor

WPF Theme Editor

WPF Theme Designer

Coded UI Test Extension

Web

Controls and Extensions

ASP.NET WebForms Controls

ASP.NET MVC Extensions

ASP.NET Bootstrap Controls

ASP.NET Core Bootstrap Controls

DevExtreme

Tools

ASP.NET Theme Builder

ASP.NET Theme Deployer

Analytics

Reporting

Report and Dashboard Server

Dashboard

Office File API

Code / Debug / Refactor

CodeRush

CodeRush Classic

TestCafe

Logify

Frameworks and Libraries

eXpressApp Framework

Core Libraries

eXpress Persistent Objects

XPO Profiler

IOS, Android & Xamarin

Native Mobile UI Controls

Xamarin

DashboardLayoutGroup Class

Represents a layout group used to arrange layout items or other groups within a dashboard.

Namespace: DevExpress.DashboardCommon

Assembly: DevExpress.Dashboard.v18.1.Core.dll

public class DashboardLayoutGroup : DashboardLayoutNode, IDashboardLayoutNode

Public Class DashboardLayoutGroup
    Inherits DashboardLayoutNode
    Implements IDashboardLayoutNode

The DashboardLayoutGroup class exposes the DashboardLayoutGroup.ChildNodes property that provides access to the collection of child layout groups and items that constitute the current layout group. Use the DashboardLayoutGroup.Orientation property to specify the orientation of layout items/groups within the group.

The DashboardLayoutNode.Weight property allows to specify the relative size of the layout group.

Examples

The following example demonstrates how to modify dashboard layout in code.

In this example, the DashboardViewer loads a dashboard containing three dashboard items placed vertically, one above the other. The following steps are taken to create a new layout:

Three DashboardLayoutItem objects are created to display the existing dashboard items. The weight parameter specifies the layout item's relative size.
A new DashboardLayoutGroup is created to display two dashboard items. The Orientation parameter specifies how layout items are placed within the group.
A root layout group is created. This group contains the previously created group and another layout item.
The root layout group is assigned to the LayoutRoot property.

This example also demonstrates how to swap layout items using the MoveRight(DashboardLayoutNode) method, save and restore the layout using the SaveDashboardLayout(String) and LoadDashboardLayout(String) methods.

C#
VB.NET

private void ChangeLayout(DashboardToolbarItemClickEventArgs args)
{
    Dashboard dashboard = new Dashboard();
    dashboard.LoadFromXml(@"..\..\Data\Dashboard.xml");
    dashboard.BeginUpdate();

    // Create layout items used to display dashboard items.
    DashboardLayoutItem item0 = new DashboardLayoutItem(dashboard.Items[0], 35);
    DashboardLayoutItem item1 = new DashboardLayoutItem(dashboard.Items[1], 65);
    DashboardLayoutItem item2 = new DashboardLayoutItem(dashboard.Items[2], 20);
    // Create a layout group that contains two layout items.
    DashboardLayoutGroup group1 =
        new DashboardLayoutGroup(DashboardLayoutGroupOrientation.Horizontal, 80,
            item0, item1);
    // Create a root layout group that contains the previously created group and 
    // another layout item. 
    DashboardLayoutGroup rootGroup =
        new DashboardLayoutGroup(DashboardLayoutGroupOrientation.Vertical, 1,
            group1, item2);
    // Applies the layout to the dashboard.
    dashboard.LayoutRoot = rootGroup;

    dashboard.EndUpdate();
    dashboardViewer1.Dashboard = dashboard;
}

private void RepositionItems(DashboardToolbarItemClickEventArgs args)
{
    Dashboard dashboard = dashboardViewer1.Dashboard;
    DashboardLayoutGroup rootGroup = dashboard.LayoutRoot.ChildNodes[0] as DashboardLayoutGroup;
    if ((rootGroup != null) && (rootGroup.ChildNodes.Count > 1))
        rootGroup.ChildNodes[0].MoveRight(rootGroup.ChildNodes[1]);
}

private void SaveLayoutToFile(DashboardToolbarItemClickEventArgs args)
{
    dashboardViewer1.SaveDashboardLayout("DashboardLayout.xml");
}

private void LoadLayoutFromFile(DashboardToolbarItemClickEventArgs obj)
{
    if (File.Exists("DashboardLayout.xml"))
        dashboardViewer1.LoadDashboardLayout("DashboardLayout.xml");
}

Private Sub ChangeLayout(ByVal args As DashboardToolbarItemClickEventArgs)
    Dim dashboard As New Dashboard()
    dashboard.LoadFromXml("..\..\Data\Dashboard.xml")
    dashboard.BeginUpdate()

    ' Create layout items used to display dashboard items.
    Dim item0 As New DashboardLayoutItem(dashboard.Items(0), 35)
    Dim item1 As New DashboardLayoutItem(dashboard.Items(1), 65)
    Dim item2 As New DashboardLayoutItem(dashboard.Items(2), 20)
    ' Create a layout group that contains two layout items.
    Dim group1 As New DashboardLayoutGroup(DashboardLayoutGroupOrientation.Horizontal, 80, item0, item1)
    ' Create a root layout group that contains the previously created group and 
    ' another layout item. 
    Dim rootGroup As New DashboardLayoutGroup(DashboardLayoutGroupOrientation.Vertical, 1, group1, item2)
    ' Applies the layout to the dashboard.
    dashboard.LayoutRoot = rootGroup

    dashboard.EndUpdate()
    dashboardViewer1.Dashboard = dashboard
End Sub

Private Sub RepositionItems(ByVal args As DashboardToolbarItemClickEventArgs)
    Dim dashboard As Dashboard = dashboardViewer1.Dashboard
    Dim rootGroup As DashboardLayoutGroup = TryCast(dashboard.LayoutRoot.ChildNodes(0), DashboardLayoutGroup)
    If (rootGroup IsNot Nothing) AndAlso (rootGroup.ChildNodes.Count > 1) Then
        rootGroup.ChildNodes(0).MoveRight(rootGroup.ChildNodes(1))
    End If
End Sub

Private Sub SaveLayoutToFile(ByVal args As DashboardToolbarItemClickEventArgs)
    dashboardViewer1.SaveDashboardLayout("DashboardLayout.xml")
End Sub

Private Sub LoadLayoutFromFile(ByVal obj As DashboardToolbarItemClickEventArgs)
    If File.Exists("DashboardLayout.xml") Then
        dashboardViewer1.LoadDashboardLayout("DashboardLayout.xml")
    End If
End Sub