3-Column Dashboard Widgets

Overview
The block includes six common dashboard widgets for displaying metrics, a chart, progress, and recent activities.
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 contains six widget groups:
Group main progress bar tile contains progress bars with labels
Group main chart tile contains a Bubble chart element for displaying graphs
Group main table tile contains a 3-row repeating group to display an activity feed or a list of related transactions
Group main progress bar with images tile contains progress bars with images and labels
Group main metric with breakdown tile and Group main metrics tile both contain various text elements for displaying metrics
This block also includes a reusable element that you can customize:
​filters_template​
How to set up progress bar widgets
All progress bar elements are Bubble elements that can dynamically display a percentage:
For example, if you would like to display which percentage of revenue comes from a specific source (e.g., Shopify), you can set that progress bar's "Percentage" data source to be that dynamic expression (e.g., [Shopify Revenue numeric value]/[Total Revenue numeric value])
How to set up the chart widget
Update the data source of the Bubble chart element
How to set up the table widget
Update the data source of RepeatingGroup Dummy
Update the text elements in the repeating group so they are referencing current cell's data's [field]
How to set up the metrics widgets
Update the data sources of all text elements within the group
Other updates
Each widget group includes a primary action button
To use, please remember to add a workflow to the button.
To hide, please select Group responsive primary action container and uncheck the box for This element is visible on page load.

BLOCKS - Previous

3-Column Large Metrics Dashboard Widgets

Next - BLOCKS

3-Column Repeating Group (Text, Link, Image, and Description)

Last modified 1yr ago

Copy link

Outline

Overview

Structure

How to set up progress bar widgets

How to set up the chart widget

How to set up the table widget

How to set up the metrics widgets

Other updates