Clock widgets

This page is related to Elementi Library.

Introduction

The widgets included within the "Clocks" collection of Elementi Library can be used to display the current time of the local / selected time zone.

There are six analog clocks, two digital clocks, plus the "Date Time" widget, which is a digital clock that can display the date as well.

Analog clocks

The following analog clock widgets are included into Elementi Library:

• Clock Small

  Displays the current time (according to the selected time zone) on an analog clock using 4 markers for the main hours. This was specifically designed for cases when the displayed clock occupies a small area on the screen.

• Clock Simple

  Displays the current time (according to the selected time zone) on an analog clock using round tick markers for hours.

• Clock Arabic

  Displays the current time (according to the selected time zone) on an analog clock using numerical digits.

• Clock Roman

  Displays the current time (according to the selected time zone) on an analog clock using roman numbers.

• Clock Swiss

  Displays the current time (according to the selected time zone) on a typical swiss analog clock.

• Clock Configurable

  Displays the current time (according to the selected time zone) on an analog clock highly configurable by the user.

Note: More analog clock widgets are available as separate downloads.

Configuration

The following properties are available for most of the analog clock widgets:

• Time Zone

  Select the time zone. Default: Local time (i.e. the time zone set on the HMP / system running Elementi).

• Background color (This is not available for "Clock Simple" widget.)

  Select the background color for the clock dial.

• Foreground color / Color

  Select the color for the clock hands and markers.

• Second hand (This is not available for "Clock Small" widget.)
  • Visible

    Select whether the second hand is visible or not.

  • Color

    Select the color of the second hand.

The following properties are only available for "Clock Configurable" widget:

• Dial
  • Opacity

    Enter the overall opacity of the clock dial.

  • Background color

    Select the color of the clock dial background.

  • Background opacity

    Enter the opacity of the clock dial background only.

  • Foreground color

    Select the color of the border, marks, and numerals.

  • Border

    Select the clock dial border.

  • Marks

    Select the number of dots, lines and / or ticks to be displayed on the clock dial.

  • Numerals

    Select the number and type of numerals to be displayed on the clock dial.

  • Attributes (for Elementi X only)

    Edit directly the numerals attributes (JSON string); you can also add other types following the same definition structure.

• Hands
  • Movement

    Select between discrete and continuous.

  • Style

    Select between different styles of clock hands.

  • Color

    Select the color of the hour & minute hands.

  • Hub size

    Enter the size of the hub.

  • Show tips

    Select whether the hands have tips.

  • Second hand

    Same as above, plus the second hand style can also be selected.

Digital clocks

The following digital clock widgets are included into Elementi Library:

• 7 Segments

  Displays the current time as hh:mm using classical 7-segment digits, according to the selected time zone, mode (12h or 24h) and color. The time is automatically updated every minute.

• 7 Segments Seconds

  Displays the current time as hh:mm:ss using classical 7-segment digits, according to the selected time zone, mode (12h or 24h) and color. The time is automatically updated every second.

• Date Time

  Displays by default the date as well, but the format can be changed to display only the time.

Note: More digital clock widgets are available as separate downloads.

Configuration

• Time Zone

  Select the time zone. Default: Local time (i.e. the time zone set on the HMP / system running Elementi).

• Mode

  Select between 12h and 24h time modes.

• Color

  Select the color for the clock segments.

Date Time

The "Date Time" widget is a particular type of digital clock that displays the current date and / or time (automatically updated every second) according to the selected time zone, locale and date/time format.

Configuration

• Time Zone

  Select the time zone. Default: Local time (i.e. the time zone set on the HMP / system running Elementi).

• Locale

  Select the locale to be used for the date and numbers.

• Format

  Click on the button (it opens the "Edit Text" dialog) and edit the text template used to display the date / time - you can change the font family, style and color of the text. The default date/time format (MEDIUM_DATE SHORT_TIME) can also be changed.

  Starting with Elementi 2015, more than one generic generic date/time format can be provided, separated by a space (for instance "LONG_DATE SHORT_TIME").