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.
Custom Format
You can add a 'Custom format' to your clock widgets.
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.
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.
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.
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.
Animation
In the Animation Menu you can choose the 'Enter and Exit animation' of your widget.
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.