# 3-Column Large Metrics Dashboard Widgets

## Overview <a href="#overview" id="overview"></a>

This block includes three dashboard widgets for displaying high level metrics:

![](https://1483599141-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-MXZudFPcF5lCnIUmzqb%2F-MXZxV0u7GHGt67Qq7ji%2FScreen%20Shot%202021-04-05%20at%207.14.33%20PM.png?alt=media\&token=4d30b3dc-6651-43bc-b566-6c1c7c61fca3)

## Structure <a href="#structure" id="structure"></a>

* When this block is added to a page, it is placed within a group called **Blocks container 860 (do not rename)** on the page. This group contains the responsive settings for all blocks.
* This block includes a [title group](https://docs.airdev.co/canvas-pages-and-modules/v/3.0.0/modules/title-group-with-button-and-filters) that is hidden by default.
* **Group main metric 1, Group main metric 2** and **Group main metric 3** can be used to highlight key metrics.
* This block also contains a placeholder group. To add more elements to the block, you can resize this group to make space for additional elements.

## How to set up <a href="#how-to-set-up" id="how-to-set-up"></a>

* To show the [title group](https://docs.airdev.co/canvas-pages-and-modules/v/3.0.0/modules/title-group-with-button-and-filters), select **Group Collapsible Main header section** and check the box for This element is visible on page load.
* Update the title text elements
* Update the data source of the group

![](https://1483599141-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-MXZudFPcF5lCnIUmzqb%2F-MXZxqz2fc-xFUwRAOFq%2FScreen%20Shot%202021-04-05%20at%207.16.11%20PM.png?alt=media\&token=4aa9b5ad-6d3a-4bb4-a93c-7728ea4b6827)

* Update the conditional statements on 'Text number'
  * These conditional statements are used to format the text to display a decrease, increase, or no change in the numbers.

![](https://1483599141-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-MXZudFPcF5lCnIUmzqb%2F-MXZyAZXNfTSRW0Tvg00%2FScreen%20Shot%202021-04-05%20at%207.17.35%20PM.png?alt=media\&token=339edf74-11d1-45e4-ad49-3c0dff664cd4)

## Other updates <a href="#other-updates" id="other-updates"></a>

* Each widget group includes a primary action button
* To use, please remember to add a workflow to the button.
* To show, please select **Group responsive primary action container** and check the box for This element is visible on page load.