Skip to main content
BuyLog In
Business Intelligence Dashboard
Search in…
Docs > WinForms Dashboard > WinForms Viewer > Manage Dashboard Layout
All docs
V23.2
Business Intelligence Dashboard
Get Started
.NET Support
Basic Concepts and Terminology
Common Features
WinForms Dashboard
General Information
WinForms Designer
WinForms Viewer
Add the Dashboard Viewer Control
Load a Dashboard
Providing Data
Obtaining Underlying and Displayed Data
Manage Data Inspector
Dialogs and Wizards
Popup Menus
Title and Item Captions
Printing and Exporting
Manage Interactivity Capabilities
Manage Dashboard Parameters
Manage Dashboard State
Manage Dashboard Layout
Touch Support
Customization
Access to Underlying Controls
Display Custom Properties
Customize Dashboard Colors
Web Dashboard
WPF Dashboard Viewer
Visual Studio Integration
Redistribution and Deployment
Video Tutorials
Migration Guides
Examples
End-User Documentation
.NET Framework API Reference
.NET API Reference
HTML JS Control API Reference
ASP.NET Client API Reference
Download CHM

Manage Dashboard Layout in the WinForms Viewer

  • 2 minutes to read

The Dashboard Viewer allows users to resize and maximize/restore dashboard items. You can also load and save the layout using the Dashboard API.

Tip

Open the dashboard in the Dashboard Designer to define the initial dashboard items layout before loading a dashboard into Dashboard Viewer.

Item Resizing

Users can click and drag a separator line between items to resize them.

Layout_ResizingItem

Maximize and Restore Item

Users can expand any dashboard item into the entire dashboard size to examine data in greater detail.

To maximize a dashboard item, click the Maximize button in the dashboard item caption.

win-viewer-maximize-item

To restore the item size, click the Restore button.

win-viewer-restore-item

In code, call the following methods:

DashboardViewer.MaximizeDashboardItem
Expands the specified dashboard item to the entire dashboard size to examine data in greater detail.
DashboardViewer.RestoreDashboardItem
Restores the item size if an item is expanded to the entire dashboard size (maximized).

Dashboard Width and Height

The control automatically stretches or shrinks content (dashboard items) in a dashboard to fit available screen space horizontally and vertically. You can adjust the layout options and specify exact content width and height.

Run Demo: Sales Performance

The LayoutOptions property allows you to access the LayoutOptions object. You can use the Height and Width properties to adjust the dashboard layout. These properties return the LayoutDimensionOptions object that contains settings for the corresponding dimensions of the dashboard surface.

The LayoutDimensionOptions.Mode property allows you to specify whether a dashboard surface’s height or width is fixed or adjusted to fit its content:

Auto
The height or width of a dashboard surface fits to content.
Fixed
The height or width of a dashboard surface is set in pixels according to the LayoutDimensionOptions.Value property.

You can also mix layout modes for each dimension: for example, set the Auto value for width and Fixed for height to scroll dashboard layout vertically.

Load and Save Layout

Use the following methods to save/load the dashboard layout to/from a stream or XML file.

DashboardViewer.SaveDashboardLayout
Saves a dashboard layout (layout items and layout containers) to a separate XML file.
DashboardViewer.LoadDashboardLayout
Loads a dashboard layout from an XML file.

After the dashboard layout is changed, the DashboardViewer.LayoutChanged event occurs.