- 04 Nov 2024
- 1 Minute to read
- Print
Date Time widget
- Updated on 04 Nov 2024
- 1 Minute to read
- Print
This widget displays the current date and time. You can customize its appearance setting fonts, formats, and more.
System requirements
This widget requires IXM Platform version 11.0 or later.
Configure the widget
In the HTML Wizard, you can see all configurable spot elements in the tree structure of the spot. Changes are immediately visible in the spot preview.
You can also include HTML Wizard spots as widgets in the HTML Composer, or configure them in the Composer to use them independently.
Configure the following elements of the spot as desired:
Element | Description |
---|---|
Spot | |
Spot duration | Specify the duration of the spot in the format: hh:mm:ss The spot is reloaded at the end of the duration. If you enter 00:00:00, the spot plays continuously. |
Background | Select to set a background color for the spot. Click in the color selection box to select a color. |
General | |
Force line break between date and time | Select to insert a line break between date and time. |
Padding between elements (px) | Specify in pixels how much space there is between elements. |
Timezone | Select a timezone. |
Align items | Select how to align items on the canvas:
|
Drop shadow | |
Activate | Select to display a shadow. |
Color | Select a color for the shadow. |
Offset (px) | Specify the offset between the font and the shadow in pixels. |
Blur (px) | Specify the blur of the shadow in pixels. |
Date | |
Show date | Select to display the current date. |
Strip leading zeros | Select to remove leading zeros from the date. |
Convert to uppercase | Select to use only uppercase letters. |
Date language | Select the language in which the date and weekday are displayed:
|
Date format | Select a date format. |
Show weekday | Select to display the current weekday. |
Force line break between weekday and date | Select to insert a line break between weekday and date. |
Delimiter | Select a delimiter that separates weekday, date, and time. |
Text styling date | Style the date text using font, color, size, and more options. |
Text styling weekday | Style the weekday text using font, color, size, and more options. |
Time | |
Show time | Select to display the current time. |
Time format | Select a time format. |
Hour has preloading zero | Select to display hours with a preloading zero. |
Strip leading zeros | Select to remove leading zeros from the time. |
Time text | Specify free text displayed behind the time, such as "o’clock". |
Space before time text | Select to to add a space between time and time text. |
Text styling time | Style the time text using font, color, size, and more options. |
Text before date/time | |
Show text | Select to display text before date and time. |
Leading text | Enter the leading text. |
Text styling leading text | Style the leading text using font, color, size, and more options. |