Configure Widgets

About Dashboard Widgets

Adding, configuring, and updating Dashboard Widgets is a snap:

  1. Open your target Dashboard

  2. Click the ellipsis . . . → and select Edit Dashboard

  3. From there, either →

    • Add a new Widget by clicking + Add Widget
    • Or click the Edit pencil icon to update an existing Widget

The 15 Widget Types

Select new widgets from Add Widget panel, which is divided into four sections → Filter, Data and Chart. Within these categories are 15 distinct Widget types to choose from. Each has its own unique attributes and advantages.


How to Configure the Widgets

Each Widget has its own Configuration needs. (Widgets are needy.)

Click the links below for specific help:

  1. FILTER Widgets
  2. DATA Widgets
    • Records Table → track, segment, and update your Records in a table format
    • Calendar → view, select, and manage dates or scheduled events within your Dashboards
    • Gantt → apply visual timelines to project schedules by displaying task durations, dependencies, and progress
    • Event Controller → select Events by Date and/or Name
      • Segment the progress of an event (inning, quarter, half, etc.) with Event Markers
  3. DISPLAY Widgets
    • Rich Text → insert instructions or static text into Dashboards
    • Page Break → add a page break for PDF Report printing purposes
  4. CHART Widgets
    • Bar & Stacked Bar Charts → chart and track any drop-down selection and status updates
    • Donut Chart → chart and track any drop-down selection and status updates in a Pie Chart format
    • Response Matrix → insert a sortable table with a Form's Column Fields applied as headers and a Form's Records displayed as Rows
    • Number Chart → aggregate the number of occurrences
    • Average Time to State → track the time it takes to resolve open issues
    • Line Chart → track changes over time for single or several different categories simultaneously

How to Remove Widgets

To Edit the configuration of a Widget, or to remove it altogether:

  1. Select the Edit icon → make your updates

  2. Click Remove Widget

  3. Confirm the deletion → by tapping Remove

  4. Click ✓ Save Changes

▲ Top


Filter Widgets

Text Filter

Let's start with an easy one — a Text Filter — which filters Records based on the words found in a Text entry field → ex. the 'Description' field marked below.

To Configure a Text Filter:

  1. Select the Edit pencil icon
  2. Configure your Widget
    • A. Enter your Placeholder textex. Search Description
    • B. Link your Form Dataex. 'Issue' Form
    • C. In the Select Fields to Filter box, pick a Text Field to filter → ex. 'Description' field
  3. Click ✓ Save Changes

▲ Top


Select Filter

Select Filters will narrow down your Records by specific, manageable categories. Filtering reduces the need to build separate Dashboards for every scenario. Select Filters will:

  • Instantly isolate key data by hiding extraneous Records
  • Simultaneously update all related Charts and Tables
  • Isolate specific performances for use in Reports
  • Return you to an 'All Records' view by clicking x Clear Filters

Configure a Dashboard's Select Filter Widgets for any of your Form's "drop-down" or "inline" Select Fields. Single and multiple selections are permitted. For example:

  • A. Status Filterex. Open, Dispatched, On Scene, Closed, etc.
  • B. Department Filterex. Custodial, Guest Services, Patrol, etc.
  • C. Issue Filterex. Wet Spill, Bio Spill, Dry Spill, etc.

Learn more about Select Fields

  • Select Fields are so versatile that we've created a dedicated guide in the Resource Center → see Select Lists in Forms

To Configure the Select Filter:

  1. Select the Edit pencil icon
  2. Configure your Widget
    • A. Enter your Placeholder textex. Issue Status

    • B. Link your Form Dataex. the Issue Form

    • C. In the Select Field box, pick a Select Field to filter → ex. Issue Status field

    • D. Click on the Select Multiple Values switch (if you wish to allow more than a single item in the filter)

  3. Click ✓ Save Changes

▲ Top


Use the Related Record Filter to perform focused, "apples-to-apples" comparisons. By isolating a specific set of records, the filter removes extraneous data, ensuring your Charts and Data Widgets display only the most precise analytical visualizations.

How it Works!

  • Some charts and datasets can get messy and may not reveal the segmented analytics you wish to visualize. Yuck!

Make your Selections

  • Here we'll select just Thunderskate Hockey Events for our comparison. Other events will be excluded.

View the 'Related' results

  • The result is a valuable equal-footing comparison of Thunderskate games appearing in the related Charts and visualizations.

Step-by-Step

To Filter Multiple Event Records:

  1. Add the Related Records Filter widget to a Dashboard → then size and drag it into position

  2. Configure the Widget. For example, to compare multiple selected Events:

    • A. Placeholder → ex. Event Comparisons
    • B. Form Data → ex. Event
    • C. Record Lookup Fields → ex. Event date/time & Event name
    • D. Sort Direction → ex. Ascending
    • E. Important: Switch on the Multiple toggle!
  3. Click ✓ Save Changes

About the Multiple toggle

  • Switching the Multiple toggle on allows the selection and filtering as many Events (or Issues) as you need to segment
  • Switch the toggle off and you'll only be able to segment a single Event or Issue
  • In this image, we are comparing seven Thunderskate Hockey games inside Dashboard Editing mode
  • Such tests in Editing mode can help you see the actual impact of the Filter


Configure Charts to Effectively Display Filtered Results

Pick and configure the Charts and Data tables that will authentically display the results of your Related Records Filter

  • Configure the Breakout Field if needed for Charts (ex. Event → Event Name)

Here's a list of suitable Data tables and Charts for this filter:

DATA Widgets

  • Records Table → track, segment, and update some or all of your Records in a table format

CHART Widgets

  • Bar & Stacked Bar Charts → chart and track any drop-down selection and status updates
  • Donut Chart → chart and track any drop-down selection and status updates in a Pie Chart format
  • Response Matrix → insert a sortable table with a Form's Column Fields as headers and Records as Rows
  • Number Chart → aggregate the number of occurrences
  • Average Time to State → track the time it takes to resolve open issues
  • Line Chart → compare trends, growth rates, and fluctuations over time

▲ Top


Display Widgets

Rich Text

Inform your team by posting information in shared Dashboards. Insert instructions into your Dashboards using the Rich Text widget.

For example, the many game day limitations to entry are easily reviewed by staff in this Dashboard.

The Widgets are formatted in Markdown, so a combination of ** will appear as you click the Formatting options.

Take a peek at this before and after.

To format your Rich Text Widgets:

  1. Select the Edit pencil icon
  2. Enter or edit your text
  3. Format your Widget's text with the following options:

  • A. Bold
  • B. Italic
  • C. Large Heading
  • D. Quotes
  • E. Numbered List
  • F. Bulleted List
  • G. Horizontal Line
  • H. Link
  • I. Find Help with Markdown
  1. Click ✓ Save Changes

Save!!!

  • If you don't save, yet leave the Dashboard — even for a second — your changes will be gone
  • Poof 💨

▲ Top


Page Break

When converting a Dashboard into a PDF Report, some content can break across pages in awkward places — cutting through charts, tables, or widgets mid-display. The Page Break widget gives you precise control over where each page ends — so your PDF Reports always paginates cleanly.

And the nice part is, there are no Configuration steps to worry about.

Just make sure to ✓ Save your Changes

Visit our Reports Article

  • Learn a bit more in our Reports article

Remove the Page Break by . . .

  1. Click ✓ Save Changes

▲ Top


Data Widgets

Records Table

A Records Table is where you'll track, dispatch, edit, and act on all types of Records and Issues. It is a cornerstone of any Command Center Dashboard.

Don't forget to Save

  • Click ✓ Save Changes at every step!

A. Configure & Edit

To edit and configure your Records Table:

  1. Select the Edit pencil icon
  2. Configure (or update) your widget. For example:
    • A. Change your Table Title → ex. Records Table
    • B. Link your Records Table widget to its Form Dataex. Issue Form

B. Add New Columns

To add a Column Header and its related Values to a Records Table:

  1. Click the + button → as seen in the above and below images

  2. Click the chevron next to the default option → ex. Record Key

  3. Select from among the Form Data's options → ex. Issue, Person Dispatched, Location(s), etc.

C. Rearrange Columns

To change the order of your column headers:

  1. Drag any field up or down by its handle

D. Delete Columns

To delete a column from your Records Table:

  1. Click the Trash icon

E. Rename Column Headers

In this example, we'll shorten a column header from Issue Status to simply Status.

To Rename a column header:

  1. Click the Pencil icon

  2. Rename the header → ex. Status


F. Group Multiple Fields under a Single Column Header

In this example, we'll group two Fields of Metadata under a single Column Header.

What's Metadata?

  • Metadata includes any information captured automatically by SwitchBase - Record Key and Record Created are good examples - In this example, we'll stack both together under a single column - This will avoid 'crowding' your Records Table columns

To display multiple fields in the same column:

  1. Click the + Folder icon

  2. Enter a Column Header or title → ex. Metadata

  3. Click the + icon to add new Fields → ex. Record Key, Record Created

  4. Click Add Field Group

  5. Click ✓ Save Changes

Edit your Field Group

To edit your Field Group:

  1. Click the Gear icon

  2. Make your changes → ex. 'Metadata' to 'Key Created'

  3. Click Update Field Group

  4. Click ✓ Save Changes or, well you know . . .

▲ Top


Calendar

A Calendar Widget provides a dynamic, time-based view of your operations, allowing you to visualize upcoming schedules, manage events, and track deadlines at a glance. It is a cornerstone of any scheduling or planning Dashboard.

Calandar Widgets must be configured to a specific Form fit for the purpose → ex. like this Event Controller Form

To configure and edit your Calendar:

  1. Select the Edit pencil icon

  2. Configure (or update) your widget. For example:

  • A. Form Dataex. Event
  • B. Event Sourceex. Start / End date fields
  • C. Start Date Fieldex. Event Date / Time
  • D. End Date Fieldex. End of Event (Optional)
  • E. Event Label Fieldex. Event Name
  • F. Color Formex. Event Type (Optional)
  • G. Default Viewex. Month Note:
  • H. Click Remove Widget → if you make a mistake and need to start over

Enter Calendar Items

  • See how to add Calendar items in our supplimental Calendars article

▲ Top


Gantt Chart

A Gantt chart is essentially a visual timeline — bars on a horizontal axis representing when tasks start, how long they run, and when they end. Gantt charts can be a cornerstone of a resource-allocation or planning Dashboard.

Here's a sample Resource Gantt, which displays multiple independent items in parallel rows, with each row representing a separate resource, asset, or task.

Here's a Pipeline Gantt, which displays a single project or workflow as a continuous series of stages along one horizontal timeline.

All About Gantt Charts

  • Learn how to configure Resource and Pipeline Gantt Charts in our full Gantt Chart configuration article

▲ Top


Event Controller

It's vital to configure your Event Controller to your Event Form, especially when managing multiple events and various start times.

Polish your Event Controller

  • For more about managing Events with your Event Controller
  • See how to Add an Event Controller to a Dashboard
  • See how to segment the checkpoints of a concert or game in our Event Markers guide

To configure an Event Controller:

  1. Open a Dashboard → click the ellipsis (. . .) → and pick Edit Dashboard

  2. Click the Editing Pencil

  3. Configure your Event Controller by picking the following:

    • A. Form Data → pick Event
    • B. Record Lookup Fieldselect Event date/time, Event name, & Event summary
    • C. Sort Directionclick Ascending or Descending as needed
    • D. Event Markers Fieldclick Event Markers if needed

To isolate Issues by their corresponding Events, you'll need to tie the two together in a neat bow. Doing so will let you filter each event separately for post-event analysis:

  1. Pick Forms from the Admin tools
  2. Pick Add Field
  3. In the Edit field panel, choose:
    • A. Field Typeselect Related Field
    • B. Field Nameenter Event Name
    • C. Related Formclick Event
  4. Move the new Field up from the bottom to the very top by dragging it by its handle

▲ Top


Chart Widgets

Bar & Stacked Bar Charts

Bar Charts use rectangles of varying lengths to represent and compare values, making them easy to understand at a glance.

Stacked Bar Charts include Secondary Breakout Fields in the Bars → ex. showing the Status of Issues by Department in a single chart.

Rank charts of both types (from high to low) using Value Sort → ex. showing the Department with the most Open Issues at the top.

To edit and configure a Bar Chart:

  1. Select the Edit pencil icon on your Bar Chart widget
  2. Configure your Widget:
    • A. Enter your Chart Title → ex. Status
    • B. Link your Bar Chart to its Form Dataex. Issue
    • C. Click the Breakout Field you wish to display in your chart → ex. Issue Status
  3. Click ✓ Save Changes

About Breakout Fields

  • The Breakout Field is the most critical setting for your widgets
  • It tells SwitchBase exactly how to "slice" your data
  • The Form Data (Step B) selects the source of the information
  • The Breakout Field (Step C) determines the categories displayed on the chart
Stacked Bar Charts

Stacked bar charts are configured like regular Bar charts except you'll select a Secondary Breakout Field from the same Form Data options as the first → ex. Department.

Value Sort Bar Charts

It's often valuable to isolate specific values. There are three options:

  • None → No filter. Show All values
  • Top → Show the Top value or values
  • Bottom → Show the Bottom value or values

For example, here is a team of 10 contributors.

By changing the filter, the 10 can be reduced to the top 3 contributors.

To filter a Bar Chart:

  1. Select the Edit pencil icon on your Bar Chart widget
  2. Pick the Value Sort drop-down list and choose:
    • A. Noneto show All values
    • B. Topto show the Top value or values → ex. 2
    • C. Bottomto show the Bottom value or values → ex. 1
  3. Click ✓ Save Changes

Donut Chart

Donut Charts use a Pie Chart format to represent and compare values. The hole in the middle allows an additional data point over traditional Pie charts → ex. 7 Total. Emphasize specific data points using the Value Sort Filter.

To edit and configure a Donut Chart:

  1. Select the Edit pencil icon on your Donut Chart widget
  2. Configure your Widget:
    • A. Enter your Chart Title → ex. Status
    • B. Link your Donut Chart to its Form Dataex. Issue
    • C. Click the Breakout Field you wish to display in your chart → ex. Issue Status
  3. Click ✓ Save Changes

About Breakout Fields

  • The Breakout Field is the most critical setting for your widgets
  • It tells SwitchBase exactly how to "slice" your data
  • The Form Data (Step B) selects the source of the information
  • The Breakout Field (Step C) determines the categories displayed on the chart
Filter Donut Charts with Value Sort

It's often valuable to emphasize specific values around the Donut. There are two Value Sort options:

  • Desc → display in Descending order → which is also the Default setting (None)

  • Asc → display in Ascending Order

▲ Top


Response Matrix

Response Matrix

The Response Matrix allows venue operators to select key dimensions (department, issue, location, affected people, and more) as rows and columns. This immediately provides a cross-sectional view of incidents and events.

Aggregated Insights

  • Instead of just showing raw data, each cell in the Response Matrix can display aggregated metrics, such as:
  • Count → Total number of incidents of a certain type in a specific area during an event.
  • Average → Average response time for incidents by type or location.
  • Sum → Total resources deployed for certain event phases or incident categories.
  • Distribution → A breakdown of incident statuses (e.g., open, dispatched, closed) within each cell
  • Maximum → Pinpoint the highest value in a dataset can help identify peak performance, the largest transaction, or the most significant issue during an event. Can also highlight outliers or top achievements
  • Minimum → Can help recognize the lowest performance, smallest transaction, outliers, or the baseline of a metric. Min can also identify potential issues and shed light on the lower bounds of your data
  • The Response Matrix helps venue management gain real-time operational awareness, make data-driven decisions, and enhance safety and efficiency during large-scale events

To edit and configure a Response Matrix chart:

  1. Select the Edit pencil icon
  2. Configure your Widget
    • A. Enter your Table Title → ex. Response Matrix
    • B. Link to your Dataset or Formex. Issue Configure your Columns
    • C. Define your Columnsex. Count, Average, Sum, etc. Configure your Rows
    • D. Define your Rowsex. Count, Average, Sum, etc.
  3. Click ✓ Save Changes

▲ Top


Number Chart

Number charts can transform raw data into actionable insights, enabling on-the-spot decision-making.

  • In this example, a $250 game day budget for Magic Moments is going fast — and it's only the third inning! The Guest Services team needs to hold off on pricier food concessions and gift lower-cost stickers and drinks instead.

Functions can dynamically calculate and display these aggregation types:

FunctionDescription
ARecord CountSimply count the total number of Records
BSumTrack cumulative totals, such as total revenue, total hours logged, total guests screened, total spend, or the total number of units sold
CAverageGain a critical understanding of typical performance or central tendency (ex. average time to 'Close' Records, 'Average Time' to scene, 'Average Number' of guests over a season to be screened). This can help in benchmarking and identifying trends and where resources should be positioned (See Average time to state)
DMinimumCan help recognize the lowest performance, smallest transaction, outliers, or the baseline of a metric. Min can also identify potential issues and shed light on the lower bounds of your data
EMaximumPinpoint the highest value in a dataset, which can help identify peak performance, the largest transaction, or the most significant issue during an event. Can also highlight outliers or top achievements

Currency

  • Use currency symbols ($, €, ¥, etc.) and add decimal places to currency options

A. Record Count

  1. Select the Edit pencil icon

  2. Enter your Chart Title → ex. Total Magic Moments

  3. Click the Aggregation Type you wish to display → ex. Record Count

  4. Link your Form Dataex. Magic Moments

  5. Click ✓ Save Changes

Use Case for Record Counts

  • This major venue uses the Record count widget to monitor the level of activity
  • The number of records created conforms to a venue of its size Issues, Patrols, LEOs, and Risk Reports are all tracking
  • Weaknesses include:
  • Lost & Found, which seems to be a new function and needs work
  • Delivery management also seems to be new and may need additional training

B. Sum

  1. Select the Edit pencil icon
  2. Enter your Chart Title → ex. Total Spend
  3. Click the Aggregation Type you wish to display → ex. Sum
  4. Link your Number Chart to its Form Dataex. Magic Moments
  5. Pick the required Number Fieldex. Budget Spent
Optional: To display currency:
  1. Set your Decimal Placesex. 2

  2. Fix the decimal points by sliding the toggle to blue → ex. to display .50 vs .5

  3. Add the optional currency (Prefix) symbol → ex. $, €, ¥, etc.

  4. Click ✓ Save Changes

C. Average

  1. Select the Edit pencil icon
  2. Enter your Chart Title → ex. Average Spend
  3. Click the Aggregation Type you wish to display → ex. Average
  4. Link your Number Chart to its Form Dataex. Magic Moments
  5. Pick the required Number Fieldex. Budget Spent
Optional: To display currency:
  1. Set your Decimal Placesex. 2

  2. Fix the decimal points by sliding the toggle to blue → ex. to display .50 vs .5

  3. Add the optional currency (Prefix) symbol → ex. $, €, ¥, etc.

  4. Click ✓ Save Changes

D. Minimum

  1. Select the Edit pencil icon
  2. Enter your Chart Title → ex. Minimum Spend
  3. Click the Aggregation Type you wish to display → ex. Minimum
  4. Link your Number Chart to its Form data → ex. Magic Moments
  5. Pick the required Number Fieldex. Budget Spent
Optional: To display currency:
  1. Set your Decimal Placesex. 2

  2. Fix the decimal points by sliding the toggle to blue → ex. to display .50 vs .5

  3. Add the optional currency (Prefix) symbol → ex. $, €, ¥, etc.

  4. Click ✓ Save Changes

E. Maximum

  1. Select the Edit pencil icon
  2. Enter your Chart Title → ex. Maximum Spend Tonight
  3. Click the Aggregation Type you wish to display → ex. Maximum
  4. Link your Number Chart to its Form Dataex. Magic Moments
  5. Pick the required Number Fieldex. Budget Spent
Optional: To display currency:
  1. Set your Decimal Placesex. 2

  2. Fix the decimal points by sliding the toggle to blue → ex. to display .50 vs .5

  3. Add the optional currency (Prefix) symbol → ex. $, €, ¥, etc.

  4. Click ✓ Save Changes

▲ Top


Average Time to State

Average Time to State simplifies the configuration of a 'Number Chart' that is calculating completion averages (as explained above). For example, how fast was an issue Closed? How quick was the response?

To edit and configure an Average Time to State:

  1. Select the Edit pencil icon
  2. Configure your Widget
    • A. Enter your Chart Title → ex. Average Time to Closed
    • B. Link your Chart to your Form Dataex. Issue
    • C. Select your Progress Tracker Field you wish to track → _ex. Issue Status
    • D. Select the Status Field you want to track → ex. Closed
  3. Click ✓ Save Changes

Line Chart

Single or multiple series Line Charts track changes over time across categories. Each category is represented by its own individual line, allowing you to compare trends, growth rates, and fluctuations between different datasets at a glance → ex. the Closed rate across four Departments.

By using distinct colors or markers for each series, the chart highlights the relationship between variables—such as comparing the performance of different actions by the Hogle Zoo's veterinary staff to monitor and improve animal health metrics over time.

To edit and configure a Line Chart:

  1. Select the Edit pencil icon

  2. Configure your Widget

    • A. Enter your Chart Title → ex. Line Chart - Closed by Month
    • B. Link your Chart to your Form Dataex. Issue
    • C. Select your Date/Time Field (X-Axis) you wish to track → ex. Issue Status - Closed
    • D. Select the Data Grouping you wish to track → ex. Monthly
    • E. Click or unclick the Fill Area Under Lines option
    • F. Name the Tooltip for the series → ex. Monthly
    • G. Pick the Fill Color
    • H. Plot the Trendline
    • I. Click Add Series to plot a second Series
  3. Pick a Function

About Functions

  • Select an Aggregation, which defines the logic used to consolidate data points into a single value for each interval on your X-axis:
  • Count → counts the total volume of records → ex. How many issues occurred?
  • Sum → calculates the cumulative total → ex. Total revenue per day
  • Average → calculates the mean value → ex. Average response time
  • Min / Max → identifies the lowest or highest values in a dataset → ex. Peak temperature
  1. Click ✓ Save Changes

▲ Top


Configure Widgets