Clock


The Clock segment displays the current time and date.

For general information about this segment, see Clock chapter.

  • Time Format
    Inheritable
    Format of the Clock. See Time Format chapter for more details.

  • Choose Time Zone Manually
    Disables automatic time zone selection depending on the viewer’s localization.

    • Time Zone
      Inheritable if “Choose Time Zone Manually” is enabled
      Time zone from which the time should be shown.

  • Appearance
    The style of a clock

    • Text Color
      Inheritable
      For more information see Color Field section.
      Color of the text.

    • Background Color
      Inheritable
      For more information see Color Field section.
      Color of the background.

    • Text Style
      Inheritable
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Text Sizing
      Inheritable
      Controls, how font size is calculated.

      • Regular - Font is sized relatively to clock’s height.

      • Best Fit - Font is dynamically sized to always fit inside clock.

    • Font Size Coefficient
      Inheritable
      Available only when “Regular” Text Sizing is selected.
      The font size is calculated by multiplying available height for the text by font size coefficient.

    • Horizontal Alignment
      Inheritable
      Available only when “Regular” Text Sizing is selected
      Controls, where the text should be aligned on the horizontal axis.

      • Left - Text is aligned to the left.

      • Center - Text is aligned to the center.

      • Right - Text is aligned to the right

    • Vertical Alignment
      Inheritable
      Available only when “Regular” Text Sizing is selected
      Controls, where the text should be aligned on the vertical axis.

      • Top - Text is aligned to the top.

      • Middle - Text is aligned to the middle.

      • Bottom - Text is aligned to the bottom.

    • Padding
      Inheritable
      The size of a padding between the text and clock’s border in “em” units. 1 em equals to the font size of the associated text.
      The padding is applied to the side where the text is horizontally aligned.

Time Format

The following Time Format expressions can be used to display time:

Format

Description

hh

hour in 12 hour format, displayed as a double digit value

H

hour in 24 hour format

HH

hour in 24 hour format, displayed as a double digit value

m

minutes

mm

minute, displayed as a double digit value

s

second

ss

second, displayed as a double digit value

t

abbreviation of the 12-hour period

tt

the 12-hour period

Furthermore, the Clock can also display date, using the following expressions:

Format

Description

d

day of the month.

dd

day of the month, displayed as a double digit value.

ddd

abbreviation of the day of the week.

dddd

day of the week.

M

numerical representation of the month.

MM

numerical representation of the month, displayed as a double digit value.

MMM

abbreviation of the month, displayed as text.

MMMM

text representation of the month.

yy

last two digits of the year.

yyyy

fully displayed year.

Any other characters, not used by the aforementioned expressions are displayed normally. Therefore, separators can be included. For example, a Clock with the Time Format value of dd/MM/YYYY – h:mm:ss will display the text 23/11/2018 – 7:07:00

Every character in the Time Format, that matches any of the expressions is automatically formatted. The formatting can be ignored in one of two ways:

  • Putting a \ before the character. Date -> Da\te

  • Putting any desired text between two apostrophes or quotation marks Date -> “Date”