Layout

<< Click to Display Table of Contents >>

Navigation:  Dashboard Designer > Dashboard Item  > Cards >

Layout

 

Layout

The Card dashboard item allows you to manage the position and visibility of elements displayed on cards. These elements include actual and target values, a delta indicator and corresponding delta values, a sparkline, etc.

To manage the position and visibility of card elements, choose a predefined layout template and customize its settings.

Available Layout Templates

Default Layout

Change Layout

Available Layout Templates

The table below contains information about the available layout templates:

L AYOUT T YPE

EXAMPLE

DESCRIPTION

Stretched

DCLayout1

The Stretched layout template arranges card elements so that they occupy an entire card area.

Centered

DCLayout2

The Centered layout template is used to center card elements so that they occupy a specified width/height.

Compact

DCLayout3

The Compact layout template is used to arrange card elements so that they occupy the minimum area.

Lightweight

DCLayout4

The Lightweight layout template displays the minimum set of elements within a card.

For all layout types, you can change the visibility of its elements, or you can specify the display value type for data-bound elements. To learn more, see the Change Layout paragraph below.

Default Layout

The Card dashboard item uses the Stretched layout template that arranges card visual elements in the following way by default:

DCLayout5

To learn more about the available value types and visual elements, see Change Layout.

Change Layout

To change a card's layout in the Dashboard Designer, click the Options button (the DCLayout7 icon) displayed next to the data item container in the Cards section.

DCLayout8

This invokes the Card Settings dialog.

DCLayout9

On the Layout Options tab, select the required layout type in the Select template list and specify its settings:

Min width - Specifies the minimum width of the card content.

Max width - Specifies the maximum width of the card content. Use the Auto option to determine the maximum width automatically.

You can show/hide the following values and visual elements within the card:

VALUE

DESCRIPTION

EXAMPLE

Title

Displays values of the last (bottommost) dimension placed in the Series section.

Microsoft Office Keyboard

Subtitle

Displays combined values of all dimensions except the last (bottommost) dimension.

Technology - Computer Peripherals

Absolute Variation

An absolute difference between the actual and target value (see Delta).

+18.1K

Actual Value

A summary value for a measure placed in the Actual placeholder.

$392K

Card Name

A card name.

Revenue vs. Target

Percent of Target

A percent of a target value (see Delta).

104.85 %

Percent Variation

A percent difference between the actual and target value (see Delta).

4.85 %

Target Value

A summary value for a measure placed in the Target placeholder.

$374K

Dimension {Name}

Allows you to display values of a specific dimension placed in the Series section.

Technology

Element

Description

Example

Delta Indicator

Indicates whether the actual value is less or greater than the target value (see Delta).

DCLayout10

Sparkline

Visualizes the variation of actual or target values. To learn more, see Sparkline.

DCLayout11

Use the Apply to All Cards button to propagate the specified layout settings to all cards corresponding to Actual-Target pairs. The Reset button resets all setting to their default values.