Document toolboxDocument toolbox

User Guide for Countdown Gadget

Introduction


The Countdown Gadget allows users to quickly know the time remaining to a particular deadline.

It supports

  • 5 different styles of clock

  • 8 different colours for clock

  • Emoji supported title

Usage


Adding the gadget

  1. Click on Edit button on your dashboard view to add a new gadget

  2. The Add a Gadget sidebar will pop up

  3. Enter Countdown Gadget in the search box to filter the matching gadget

  4. Click on the Add button to add the gadget.

  5. Fill up the configurations as you like

 

Configuring User Preferences for the Countdown Gadget

Fill in the preferences for the gadget. The different configurations available are illustrated below.

Preference

Default Value

Description

Preference

Default Value

Description

Title

 

Displays the title for the clock

  • For non-empty value, the end date and time will also appear

Date

Today’s date in UTC
(e.g. 09/15/2023)

Countdown to the selected date

  • You can input date in the format DD/MM/YYYY

  • For empty value, the default value will be used

Time

10:00:00

Countdown to the selected time

  • The supported format is HH:mm:ss

  • For empty value, the default value will be used

Timezone

Viewer Timezone

Timezone of user

  • Viewer Timezone - Guessed timezone of user

  • List of other Timezones for user to select from

Format

days:hours:mins:secs

Format in which the gadget will display

  • days:hours:mins:secs

  • days:hours:mins

  • days

  • hours:mins:secs

  • hours:mins;

  • hours

Size

Medium

Displays the gadget in the preferred size

  • Small

  • Medium

  • Large

Style

Rectangle

Different available styles for the countdown timer

  • Digital

  • Rectangle

  • Flip down

  • Circular

  • Roll up

Color

Black

Different available colors for the countdown timer

  • Black

  • Red

  • Orange

  • Green

  • Teal

  • Blue

  • Purple

  • Gray

Label

Show

Displays the unit of the time

  • Show

  • Hide

Position

Center

Sets the position of the clock

  • Left

  • Center

  • Right

Border

Hide

Displays border for the clock

  • Show

  • Hide

 

Countdown Styles

Digital

 

 

Rectangle

 

 

Flip down

 

 

Circular

 

 

Roll up

 

 

 

Countdown Colors

There are 8 vibrant colours for you to choose for your gadgets

 

Some Use Cases


Beside project milestones, it can also be used for

Upcoming Holiday

Event Reminder