Canvas Envision Knowledge Base 5.10 Help

Stopwatch Gadgets

A stopwatch gadget is an interactive object you can insert into Envision documents to measure and display time that document users spent on events, operations, tasks, and so on.

Running stopwatch gadget

To work with stopwatch gadgets, you should know:

Stopwatch gadget UI and behavior

A stopwatch gadget consists of the following interactive UI elements:

interactive UI elements of a stopwatch gadget
  1. Title: a static label that displays the name of the stopwatch gadget.

  2. Counter: a dynamic label that displays the time depending on the current state of the time count:

    • 0:00 when a document user has not activated or has reset the stopwatch.

    • The running elapsed time when the document user activated the stopwatch.

    • The paused elapsed time when the document user paused the stopwatch.

  3. Start: a button to activate the time count from the time displayed on the counter. When the user clicks this button:

    • The count of elapsed time is activated and running.

    • The counter displays the running elapsed time.

    • The Pause button replaces the Start button.

      interactive UI elements of a stopwatch gadget

  4. Pause: a button to pause the running time count. When the user clicks this button:

    • The count of elapsed time pauses.

    • The counter displays the paused elapsed time.

    • The Start button replaces the Pause button.

  5. Reset: a button to stop the running or paused time count and reset it to 0:00. When the user clicks this button:

    • The count of elapsed time stops.

    • The counter displays 0:00.

    • The Start button replaces the Pause button.

The Reset button is optional. It is not visible by default, but you can show it when users should be allowed to reset the counted time.

Users should explicitly activate the stopwatch running. They can pause or reset it if allowed.

By default, stopwatch gadgets are synchronous in a document. Activating, pausing, or resetting one of them activates, pauses, or resets all of them. All the synchronous stopwatch gadgets are in the same state and display the same elapsed time when active or paused. If necessary, you can explicitly turn off synchronization for one or more stopwatch gadgets so that they will count time independently.

Multiple paused synchronous stopwatch gadgets

Configuring stopwatch gadgets

As a newly created stopwatch gadget has the default settings, you should specify the stopwatch name and other settings with the Stopwatch Configuration pop-up dialog. If multiple stopwatch gadgets are in the document, you should configure each separately. The dialog is for one stopwatch gadget only.

The Stopwatch Configuration pop-up dialog for a stopwatch gadget

You can configure a stopwatch gadget as follows:

Once you are done with configuring the stopwatch gadget, you should test its behavior as an end user.

The Stopwatch Configuration dialog

The Stopwatch Configuration pop-up dialog provides the following settings of a stopwatch gadget selected in a document:

The Stopwatch Configuration pop-up dialog with the default settings
Title displayed at the top of the stopwatch

A string field, the text label that the stopwatch gadget displays. The default value is Stopwatch.

Set to true to share state of stopwatch with all instances in document

A checkbox, a switch to turn on or off the synchronization of the stopwatch gadget with other ones in the document:

  • Selected: to synchronize the time count of the stopwatch gadget with other stopwatch gadgets that have the same setting. This is the default value.

  • Cleared: to run the time count of the stopwatch gadget separately from other stopwatch gadgets.

The time count is synchronous with all stopwatch gadgets that have this checkbox selected, including newly created ones.

Show the reset button

A checkbox, a switch to toggle the visibility of the Reset button inside the stopwatch gadget:

  • Selected: to show the Reset button. This is the default value.

  • Cleared: to hide the Reset button.

Clicking the Reset button stops and resets all synchronous stopwatches to 0:00.

Resetting stopwatches without the Reset button is not possible when viewing the document in the Canvas Envision Viewer. However, reloading the document resets all the stopwatch gadgets in the document.

Changing the stopwatch gadget title

To change the title of a stopwatch gadget:

  1. Select the stopwatch gadget.

    An inactive stopwatch gadget with the default title
  2. Open the Stopwatch Configuration pop-up dialog.

  3. In the Title displayed at the top of the stopwatch field of the Stopwatch Configuration dialog, enter the new title that the stopwatch gadget will display in the document.

    The Title displayed at the top of the stopwatch field in the Stopwatch Configuration pop-up dialog
  4. If necessary, continue configuring the stopwatch gadget as discussed in the following sections.

  5. Once done with configuring, click the OK button to save the changes. The dialog disappears, and the stopwatch gadget has the new title.

    An inactive Epoxy Set Time stopwatch gadget with the correct title and start time
  6. Verify that the stopwatch gadget behaves as expected.

Turning on or off stopwatch synchronization

To turn on or off the time count synchronization of a stopwatch gadget with other stopwatch gadgets in the document:

  1. Select the stopwatch gadget.

    Two inactive stopwatch gadgets with the default settings
  2. Open the Stopwatch Configuration pop-up dialog.

  3. In the Stopwatch Configuration dialog, click the Set to true to share state of stopwatch with all instances in document checkbox, either:

    The Set to true to share state of stopwatch with all instances in document checkbox in the Stopwatch Timer Configuration pop-up dialog
    • Select the checkbox to synchronize the time count of the stopwatch gadget with other stopwatch gadgets that have the same setting.

    • Clear the checkbox to count the time by the stopwatch gadget separately from other stopwatch gadgets.

  4. If necessary, continue configuring the stopwatch gadget as discussed in other sections.

  5. Once done with configuring, click the OK button to save the changes. The dialog disappears, and the stopwatch gadget has the synchronization on or off according to your settings of the Set to true to share state of stopwatch with all instances in document checkbox.

    Two unsynchronous stopwatch gadgets
  6. Verify that the stopwatch gadget behaves as expected.

Showing or hiding the Reset button

To hide or show the Reset button inside a stopwatch gadget:

  1. Select the stopwatch gadget.

    An inactive stopwatch gadget without the Reset button
  2. Open the Stopwatch Configuration pop-up dialog.

  3. In the Stopwatch Configuration dialog, click the Show the reset button checkbox, either:

    The Show the reset button checkbox in the Stopwatch Timer Configuration pop-up dialog
    • Select the checkbox to show the Reset button inside the stopwatch gadget.

    • Clear the checkbox to hide the Reset button inside the stopwatch gadget.

  4. If necessary, continue configuring the stopwatch gadget as discussed in the previous sections.

  5. Once done with configuring, click the OK button to save the changes. The dialog disappears, and the stopwatch gadget includes or excludes the Reset button according to your settings of the Show the reset button checkbox.

    An inactive stopwatch gadget with the Reset button
  6. Verify that the stopwatch gadget behaves as expected.

Testing stopwatch gadgets

To verify stopwatch gadgets as an end-user:

  1. Verify that the stopwatch gadget title is correct.

    An inactive Epoxy Set Time stopwatch gadget with the correct title and start time
  2. Depending on whether users are allowed to reset the elapsed time, verify the presence of the Reset button:

    An inactive Epoxy Set Time stopwatch gadget with the Reset button
    • Not allowed: the button should be absent.

    • Allowed: the button should be present.

  3. If multiple stopwatch gadgets are synchronous in the document, verify that they all have the same settings.

  4. Activate interactive viewing mode for gadgets.

  5. Click the Start button.

  6. Verify that the time count is running and correct in each synchronous stopwatch gadget.

    An active Epoxy Set Time stopwatch gadget
  7. Click the Pause button.

  8. Verify that the time count pauses and the elapsed time is the same in each synchronous stopwatch gadget.

    A paused Epoxy Set Time stopwatch gadget
  9. If the stopwatch gadget has the Reset button, click it.

  10. Verify that the time count stops and the elapsed time is reset to 0:00 in each synchronous stopwatch gadget.

    An inactive Epoxy Set Time stopwatch gadget with the Reset button
  11. Once done with testing, quit interactive viewing mode for gadgets.

03 July 2025