Build ASP.NET MVC BI dashboards in your web apps

With the Dashboard Layout, you can embed ComponentOne's data controls into dynamic screens and business intelligence dashboards. Choose layouts that fit screen requirements and utilize built-in features, such as drag and drop, maximize and restore, save and load layout and convert existing layouts.

Dashboard Layout for ASP.NET MVC

Choose from four out-of-the-box layouts

Flow layout

Flow layout

Arrange child containers into rows or columns.

Split layout

Split layout

This type of layout is helpful when above layouts do not fulfill the requirements and a split layout is required.

Auto-grid and manual grid layout

Auto-grid and manual grid layout

Auto-grid layout allows you to arrange items in a tabular form consisting of rows and columns in groups.

Manual grid layout allows you to specify the row and column numbers where each c1-manual-grid-tile should be positioned.

Drag and drop controls around the dashboard

Hover over the child container to drag the item from one position to another. Remaining child containers automatically adjust to this change due to the respective layout rules.

Drag and drop controls

Maximize and restore controls

Maximize and restore child containers using the built-in icons. When you maximize the child container, it covers the parent surface like a model window and it can be restored using the corresponding restore icon.

Maximize and restore controls

Resize controls in the dashboard

Resize child containers by dragging your mouse along the border. When you resize a control, the border style will be updated.

Resize controls in the dashboard

Save and load layout

The public API enables you to save and load the layout to local storage in XML format through the SaveLayout & LoadLayout methods.

Header and tools

Supports optional header and configurable ContextMenuStrip for the child containers.

Header and tools

Get started with Dashboard Layout

Download the 30-day free trial of ComponentOne Studio

Download Now!