# 4-Column Large Metrics Dashboard Widgets

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

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

![](https://1483599141-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-MXZyUcrnkiFkCJ7-evq%2F-MX_0kQNBuz5RPBK8rpM%2FScreen%20Shot%202021-04-05%20at%207.32.42%20PM.png?alt=media\&token=5bae5498-d45b-48a2-a529-e431141e1857)

## 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, Group main metric 3** and **Group main metric 4** 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-MXZyUcrnkiFkCJ7-evq%2F-MX_0vIimS4COX9iHtCP%2FScreen%20Shot%202021-04-05%20at%207.33.58%20PM.png?alt=media\&token=ce5d92d9-5d18-481f-a1e8-df8a60437dff)

* 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-MXZyUcrnkiFkCJ7-evq%2F-MX_12hVyJVD-eR0KO_O%2FScreen%20Shot%202021-04-05%20at%207.34.20%20PM.png?alt=media\&token=b51da87e-482a-43f6-a8de-630495c62a09)

## 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.