Tracking status of each step


Steps is a new widget designed to track the status of each step. User has the option to mark which step has been completed. The widget will also capture who and when does a step complete.

Each step contains:

  1. a step order

  2. the step content

  3. timer

  4. comment

  5. action buttons.

Add a new step

Click Add Step to add a new step. Fill in the step content and/or timer. The step content is required.

The timer format has to be HH:MM:SS. A count down will be created when the timer is provided.

Edit a step

Click Edit button next to a step to edit the content of the step. You can only edit the step content and the timer.

Use the timer

If a timer variable is provided, a timer interface will be created to track the count down. More than one timer can be added in one single step.

Here is the usage:

  • Default timer - display in white button

  • Start a timer - click the timer to start. Once started, the timer will be in orange color and the value will be count down.

  • Pause a timer - click the running timer to pause. Once paused, the timer will be in white color.

  • Resume a timer - click the paused timer to resume the count down. Once resumed, the timer will be in orange color and the value will be count down.

  • Time up - when the timer counts down to 00:00:00, you will get time up alert and the timer will turn green.

  • Reset a running or paused timer - Double click the timer to reset.

  • Reset a time up timer - click the timer to reset.

Change step order

Drag and drop the drag handle at the front of step index to change the order of steps.

Complete a step

Click the Complete button (checkbox) to complete the step.

When a step is completed, the color will change to teal. And the timestamp and user information will be added to the end of the step.

The timer is hidden for completed steps.

Incomplete a step

Click the Undo button to incomplete a step.

Delete a step

Click Delete button next to a step to delete the step.

Load steps from an external file

The steps can be loaded directly from a *.txt, *.docx, or *.md file. Just drag and drop a file to the Cloud area or Click the cloud icon to select a file. All steps will be loaded in order.