Skip to main content

— Configure Widgets


About Dashboard Widgets

Adding, configuring, and updating Dashboard Widgets is easy:

  1. Open your target Dashboard

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

    ... text

  3. From there, either →

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

    Add edit

The 12 Widget Types

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

combined

How to Configure the 12 Widgets

Each Widget has its own needs when it comes to Configuration. (Widgets are needy.)

Click the links below for specific help:

  1. FILTER

    Filter

  2. DATA

    • Records Table → track, segment, and update some (or all) of your Records in a table format
    • Event Controller → select Events by Date, Name, and/or Type and segment the progress of any event with Event Markers

    Data

  3. CHART

    • Rich Text → insert instructions or static text into Dashboards
    • 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

    Chart


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

    Remove

  3. Confirm the deletion → by tapping Remove

    Remove

  4. Click ✓ Save Changes

▲ Top


Filter

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.

Text employee sample

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 Config txt

    • C. In the Select Fields to Filter box, pick a Text Field to filter → ex. 'Description' field Description text

  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

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.

Multiple Select Filterst

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

      Config t

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

      Issue Select list

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

    Select

  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.

apples

How it Works!

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

    messy

Make your Selections

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

    alt text

View the 'Related' results

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

    view

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

    Ad

  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

    Multiple

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

filter working inside edit


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)

Add Event

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

DATA

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

Data alt text

CHART

  • 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

Charts

▲ Top


Data

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.

ECC Fin

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

    Complete

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.

    select

C. Rearrange Columns

To change the order of your column headers:

  1. Drag any field up or down by its handle

    drag

D. Delete Columns

To delete a column from your Records Table:

  1. Click the Trash icon

    delt

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

    rename alt text


F. Group Multiple Fields under a Single Column Header

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

result

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

    + folder

  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

    Group meta

  5. Click ✓ Save Changes

Edit your Field Group

To edit your Field Group:

  1. Click the Gear icon

    alt text

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

  3. Click Update Field Group

    alt text

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

▲ 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

To configure an Event Controller:

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

    ellipsis

  2. Click the Editing Pencil

  3. Configure your Event Controller by picking the following:

    • A. Form Data → pick Event

    alt text

    • 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

    event m

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

    Edit Field

  4. Move the new Field up from the bottom to the very top by dragging it by its handle

Move Up

▲ Top


Chart

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.

game day info

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

markdown

Take a peek at this before and after.

MD side by

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-I

  • 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 💨

Bar & Stacked Bar Charts

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

bar

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.

Stacked

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

    Bar chart

  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.

Stacked

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.

All

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

top 3

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 None
    • B. Topto show the Top value or values → ex. 2 Top 2
    • C. Bottomto show the Bottom value or values → ex. 1 Bottom 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.

donut

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

    Donut chart

  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)

alt text

  • Asc → display in Ascending Order

    Ascalt text

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

RM

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.

    Columns

    Configure your Rows

    • D. Define your Rowsex. Count, Average, Sum, etc.

    Rows

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

Budget

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

Chart

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

    Records Count

  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

alt text

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.

    Sum

  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.

    Aver

  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.

    Min

  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.

    Max alt text

  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?

Closed

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

    new average

  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.

closed

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.

Zoo

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

    Config top partalt text

    • 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

    alt text

  3. Pick a Function

    Ag 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