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:

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.

Last updated