Dashboard Items Layout

<< Click to Display Table of Contents >>

Navigation:  Version 6 Enhancements > Dashboard Designer > Dashboard Layout >

Dashboard Items Layout

The Dashboard Designer provides the capability to arrange and resize dashboard items and groups in various ways, using simple drag-and-drop operations.

img20477

Layout Concepts

Item Resizing

Item Positioning

Layout Concepts

The dashboard arranges dashboard items and groups using layout items and layout groups. They are special containers that are used to present a dashboard layout as a hierarchical structure.

A layout item is used as a container that displays an individual dashboard item.

A layout group is used as a container that is used to arrange layout items (or other layout groups) either horizontally or vertically. At the same time, layout groups are used as containers that display dashboard item groups.

Thus, a dashboard layout is hierarchically arranged from the root layout group to bottommost layout items, which display individual dashboard items.

img25963

Item Resizing

You can resize individual items/groups of items by dragging their edges.

img20595

By default, a 2x2 layout group of dashboard items is horizontally oriented and contains two child layout groups. This arranges dashboard items in two 'columns' and allows you to set a different height for items in different columns. You can switch the orientation of the 2x2 group to Vertical using the indicator at the group intersection.

img24753

This allows you to specify different widths for dashboard items in different 'rows'. The table below lists and describes different modes.

Indicator

Result

Description

img24756

img25985

Orients the layout group horizontally and allows you to change the height of individual items and the width of 'columns'.

img24755

img25984

Orients the layout group vertically and allows you to change the width of individual items and the height if 'rows'.

Item Positioning

You can change the position of a dashboard item by using drag-and-drop and one of the following approaches.

If the caption of the dashboard item is visible, click it and hold down the left mouse button while dragging the item.

If the caption of the dashboard item is not visible, click the img20487 icon in the top left corner, and hold down the left mouse button while dragging the item.

Depending on the required dashboard item position, a new layout group is created (if required) to maintain the arrangement of items. Thus, the dashboard item can be inserted to the desired area of a new or existing dashboard layout group.

The following table illustrates how a dashboard item is dragged.

Action

Description

img117901

Select the required dashboard item.

img117902

Drag the dashboard item to the expected area. The drag indicator...

img117906

...will show possible positions for the dashboard item.

img117903

Move the mouse cursor to the required position. The drop indicator...

img117907

…highlights the hovered position.

img117904

Then, the drop indicator sequentially displays areas that can be occupied by the dashboard item. Release the left mouse button when the drop indicator displays the required area.

img117905

The dashboard item is moved to a new position.