Skip to main content

Clock Widget

With the Clock Widget you can add a digital or an analog clock to your content.

Properties >> Widget >> Main

Clock

In the Main Properties Menu you can select the 'Time zone' and 'Type' of clock you want.
On the digital clock you can also select from different time 'Formats' and 'Languages'.
These options will not appear with the analog clock type.

c1.png

Custom Format

You can add a 'Custom format' to your clock widgets.

c6.png

For available formatting options refer to the moment.js guide.
Learn more: Moment.js

Size & Position

In the Size & Position Menu you can select the width, height, and placement of your widget quickly.

size-position.png

Proof of Play

Proof of play is a reporting system, that allows you to gain report about used assets.

If you turn on widget statistics you can report information about the displayed duration,number of displays and interaction events of this widget.

proofofplay.jpg

Properties >> Widget >> Other

Re-style

On the analog clock you can select from different clock 'Faces' or add your own custom face.
You can also change the clock 'Hands' here.

c3.png

Font

On the digital clock in the Font Menu you can set the 'Size', 'Font family', 'Style', and the 'Color' of the font.
You can also set 'Letter spacing' and 'Shadow' for your clock here.

c4.png

Animation

In the Animation Menu you can choose the 'Enter and Exit animation' of your widget.

c5.png

Additional Properties

Under the Animation Menu you can click on the three dots which will show Additional Properties.

  • The 'Custom Margin' switch allows you to set a custom sized margin to your widget.
  • Here you can add a 'Shadow' and 'Border' to your widget.
  • The 'Opacity' and 'Rounding' sliders, will change the transparency and round the edges of your widget.
  • The 'Mask' option will let you select a PNG image to affect the shape of your widget. See more about: Masking.
  • You can also flip your widget horizontally, vertically, or both with the 'Flip' function.
  • The 'Click through' function allows you to click through the widget and interact with other widgets behind this one.
  • With Hide based on data binder you can give a data from a datasource to the widget.

c7.png

Tutorials

Tutorial Video: Clock Widget

Tutorial YouTube Video: Clock Widget