Timer Widget

The Timer widget allows you to create a countdown timer and add it to the landing page grid section or as a child element to another container widget such as the Carousel.


The Timer widget has the following menus (Fig 1): 

  • General 
  • Style

Fig 1

General menu

The General menu for the Timer widget is only displays the Date & Time selector (Fig 2). Clicking inside the date/time input field, you will see a calendar tool popup with two input fields at the top.

Fig 2

  • The two top input fields allow you to manually add a date and time. Dates must be entered in the "YYYY-MM-DD" format (ex. 2025-01-21), and times must be entered in an "HH-MM-SS" format (ex. 23-12-55) using a 24-hour "military time" format.
  • The calendar tool allows you to select a date.

Style menu

The Style menu for the Timer widget generally confirms to the general Style menu, but also has several features:

  • Digit Font allows you to select from a series of available fonts (Fig 3). Clicking inside the input field shows a popup list of available font families (Fig 4). 

Fig 3

Fig 4


  • Digit Size feature allows you to change the size of the font used for the digit values displayed in the timer (Fig 5). 

Fig 5


  • Digit Color feature allows you to change the color of the digit (Fig 6). Checking the box will bring up a rectangle with the current color of the digit. Clicking on the rectangle will bring up a color picker which will allow you to use one of several methods to change the digit's color.

Fig 6


  • The Text Font feature allows you to select from a series of available fonts (Fig 7). Clicking inside the input field shows a popup list of available font families. 

Fig 7


  • The Text Size feature allows you to change the size of the font used for the text values displayed in the timer (Fig 8). 

Fig 8


  • The Text Color feature allows you to change the color of the text (Fig 9). 

Fig 9