Widget: Countdown

Function

With the Widget Countdown it is possible to count down to a set date. It is also possible to display a text (notification) at this end date.

Insert Widget

To get a widget visible on the website you must add it to a page or to a layout. On the  pagina over widgets  page about widgets you can read how widgets are placed within the page or layout.
• Drag the new widget to the correct column or row within the page or layout.
• Select in the overview with all available widgets the Countdown widget.

Settings Widget Countdown

Release the widget Countdown and the settings screen will open.

Properties Countdown widget

• Clock style: Style 1 - Simple, Style 2 - Retro, Style 3 - Circles
• Title: choose your title
• Title alignment: align title left, center, right
• End date*: fill in your end date for the countdown
• Time: fill in the actual time
• Text: possible to fill in some text
• End Text: possible to fill in end text
• Fontsize numbers
• Fontsize unit
• Textcolor numbers: choose textcolor for your numbers
• Textcolor unit: choose textcolor for units
• Visible: yes or no

Countdown 3 widget styles

You can choose from 3 styles for the Countdown widget.

	Style 1	Simple
	Style 2	Retro
	Style 3	Circles

Choose styles

The style is chosen in the style field.

Style 1 - Simple

The Simple style is a simple, animation-free countdown clock.

Style 1 settings

• Fontsize numbers: Fontsize for the numbers
• Textcolor numbers: Textcolor for the numbers
• Fontsize units; Fontsize for the units
• Textcolor units: Textcolor for the units

Style 2 - Retro

 Retro style is an old-fashioned flip-over clock.

Style 2 settings

• Style numbers: style of the clock, black/white of white/black
• Fontsize of the numbers: fontsize for the numbers
• Fontsize units; Fontsize for the units
• Textcolor units: Textcolor for the units
  
  

Style 3 - Circles

The Circles style is a modern and circleshaped clock.

Style 3 settings

• Fontsize numbers: Fontsize for the numbers in the circles
• Textcolor numbers: textcolor
• Circle day: Color of the circle day
• Circle hour: Color of the circle hour
• Circle minute: Color of the circle minute
• Circle seconds: Color of the circle seconds

The Circle style has an extra setting, namely the start time of the countdown. The start time is used to display the number of days remaining.