Analog Clock

Navigation:  Widget Designer > Widgets >

Analog Clock

Previous page Return to chapter overview Next page

Use this control to display the current computer time via an AnalogClock.

wd_widget_analog-clock

To create an AnalogClock widget choose "Widgets > AnalogClock". The mouse cursor changes to a crosshair icon, indicating the create mode. With a left-click anywhere on the empty main background window you add the selected widget to the current page. Left-click again if you like to add one more. To quit the create mode, you can switch to the run mode with [F8], where you can use all widgets. Most widgets however need to be set up first.

To edit the AnalogClock parameters simply right-click on the Analog Clock control and choose the menu entry "Item Properties", press [ALT+P] whilst the mouse is hovering above it or double-click on it when being in the edit / move mode ([F9]). The Analog Clock Property Dialog opens up.

wd_widget_analog-clock-properties

Name

A unique name can be entered to identify the widget via the Object and Member Notation. The default name is based on the widget type and ID.

Page

This drop-down offers all available pages to place the widget on.

ID
The AnalogClock ’s ID may be changed by entering a new one in the text field top left. If you change it, you will be asked if you also want to adapt the name to the new ID.

Notes

A short note can be added here. It is not displayed outside the widget but can be set and retrieved with the WidgetID.Note property member.

Visible

Uncheck this box to hide the widget.

Fix
When the option “Fix” is checked, the AnalogClock will be displayed on every page.

Size

Enter a pixel size for the AnalogClock's size.

X and Y

Enter the location of the widget (upper left corner) in pixels

Caption

Here, you can enter a label for the clock, color and font can be selected with the respective buttons.

Resize Fonts

This features adjusts the fonts of caption and numbers when changing the size of the widget.

Background

An image can be loaded as a background. You can either browse your system for a picture or choose one out of the Resource Manager.

It is also possible to set a background color and transparency.

You may design your Analog Clock using different colors for Center, Border, Labels, Hours, Major Ticks, Minor Ticks, Minutes and Seconds.

Tick the check boxes to hide / display the mentioned units. A decorative frame can be displayed as well.

UTC Offset

Enter here the time offset the AnalogClock should have from your computer's time.

Ui Effects & Animations

CSS based effects and animations can be applied to this widget. Please refer to the topic Effects & Animations for more information.