# 2-Column Large Metrics Dashboard Widgets

## Overview

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

![](https://1483599141-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-MXZfAMT555rJBGAPQbT%2F-MXZovt4HVJ7O1CV__E3%2FScreen%20Shot%202021-04-05%20at%206.34.13%20PM.png?alt=media\&token=e864ca5d-6f27-48f6-a5b1-6f6050d6f02c)

## Structure

* 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** and **Group main metric 2**  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

* 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-MXZfAMT555rJBGAPQbT%2F-MXZtsi6YMGux7cYgRre%2FScreen%20Shot%202021-04-05%20at%206.50.32%20PM.png?alt=media\&token=575cab24-59ae-406e-bffa-63eb9fe93eeb)

* 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-MXZfAMT555rJBGAPQbT%2F-MXZuEvzzQf9ydVpcUmE%2FScreen%20Shot%202021-04-05%20at%206.59.24%20PM.png?alt=media\&token=cfccde06-3a89-452c-aa2f-eda74a954bbc)

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

![](https://1483599141-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-MXZfAMT555rJBGAPQbT%2F-MXZuYvHi4xoa9DqVJdJ%2FScreen%20Shot%202021-04-05%20at%207.01.48%20PM.png?alt=media\&token=6d334b1b-bb82-4c8c-abaa-6220406c074e)