The Clock widget displays local, server, or host time in analog or digital format.
![]() |
![]() |
To configure, select Clock as type:
In addition to the parameters that are common for all widgets, you may set the following specific options:
Time type | Select the time source: Local - system time of the device running the browser; Server - time zone set globally or for the Zabbix user; Host - time retrieved from a host item. |
Item | Select the item for the host time (use the system.localtime[local] item). This parameter is available if Time type is set to "Host time". |
Clock type | Select the clock type (analog or digital). |
Show | Select one or more information units (date, time, time zone) to display in the digital clock. The unit size automatically adapts to the displayed units, widget size, and display scaling. This parameter is available if Clock type is set to "Digital". |
Advanced configuration | Click on the Advanced configuration label to display advanced configuration options for the digital clock. This section is available if Clock type is set to "Digital". |
Advanced configuration options are available in the collapsible Advanced configuration section, and only for those elements that are selected in the Show field (see above).
Additionally, advanced configuration allows to change the background color for the whole widget.
Background color | Select the background color from the color picker.D stands for default color (depends on the frontend theme). To return to the default value, click the Use default button in the color picker. |
Date | |
Bold | Mark the checkbox to display date in bold type. |
Color | Select the date color from the color picker.D stands for default color (depends on the frontend theme). To return to the default value, click the Use default button in the color picker. |
Time | |
Bold | Mark the checkbox to display time in bold type. |
Color | Select the time color from the color picker.D stands for default color (depends on the frontend theme). To return to the default value, click the Use default button in the color picker. |
Seconds | Mark the checkbox to display seconds. Otherwise only hours and minutes will be displayed. |
Format | Select to display a 24-hour or 12-hour time. |
Time zone | |
Bold | Mark the checkbox to display time zone in bold type. |
Color | Select the time zone color from the color picker.D stands for default color (depends on the frontend theme). To return to the default value, click the Use default button in the color picker. |
Time zone | Select the time zone. |
Format | Select to display time zone in short format (e.g. New York ) or full format (e.g.(UTC-04:00) America/New York ). |