Widget: Date and Time

Function

With the Date / Time Widget you can display a clock with the current date and time on your website.

Insert Widget

To get a widget visible on the website you must add it to a page or to a layout. In this document 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.
• In the overview, select all available widgets for the Date / Time widget

Settings Widget Date/Time

After releasing the date/time widget, the settings window will open.

Style date/time widget

The date/time widget has 3 style options:

	Style 1	Simple
	Style 2	Retro
	Style 3	Circles

Choose styles

Style is chosen in the style field:

Style  1 - Simple

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

The Simple style takes over the font, size, and color of the theme defined on the column / row where the widget is placed. This style has the following settings with which you can adjust the appearance:
• Choose a date and time format.

Style 2 - Retro

The retro style is an old-fashioned flip-over clock.

Settings

• Time format: choose time format HH:MM or HH:MM:SS
• Style numbers: style of the clock, black numbers, white background, whie numbers , black background
• Fontsize numbers: fontsize numbers
• Visible: yes or no

Style 3 - Circles

The Circles is a modern, circle shaped clock. 

Settings

• Time format: choose time format HH:MM or HH:MM:SS
• Fontsize numbers: fontsize numbers
• Circle hour*: color of the cirlce Hour
• Circle minute*: color ot the cirlce Minute
• Circle second*: color of the circle Seconds