Skip to content

12.5 Decoration Widgets

Decoration widgets add informational and visual elements to workspaces and layouts — clocks, date displays, labels, images, and object name indicators. These widgets are useful for building polished, self-explanatory monitoring dashboards.


Analogue Clock

The Analogue clock widget displays an animated dial clock showing the current time. The clock appearance is fully customizable — users can adjust the background color, number font size, and other visual settings.

Figure 304. Analogue clock widget parameters Figure 304. Analogue clock widget parameters

Figure 305. Analogue clock widget — default appearance Figure 305. Analogue clock widget — default appearance


Date

The Date widget displays the current date as formatted text. It supports 26 date representation formats and allows customization of time zone, font size, font color, and alignment.

To show the day of the week name in English, enable the Show day name option.

Figure 306. Date widget parameters Figure 306. Date widget parameters

Figure 307. Date widget — default appearance Figure 307. Date widget — default appearance


Digital Clock

The Digital clock widget displays the current time and date in a digital (text) format. Like the Date widget, it supports 26 date formats and allows customization of time zone, font size, font color, and alignment. The time can be shown in 12-hour (12H) or 24-hour (24H) format.

To display the day of the week name in English, enable the Show day name option.

Figure 308. Digital clock widget parameters Figure 308. Digital clock widget parameters

Figure 309. Digital clock widget — default appearance Figure 309. Digital clock widget — default appearance


Image

The Image widget places a static image into a workspace, layout, virtual service diagram, or scheme. It is commonly used to add logos, background graphics, or custom annotations to monitoring views.

Figure 310. Image widget creation window Figure 310. Image widget creation window

The widget supports the following configuration options:

Parameter Description
Image Select a previously uploaded image from the list, or upload a new one by clicking the + button
Image variant How the image fits the widget area: Fit (preserve original proportions), Fill (crop to fill), Stretch (stretch to fill)
Background color Background color shown behind the image
Opacity Image transparency level

Uploading a new image: click the + button in the Image field (Figure 311), then drag the image file into the upload area or browse for it using the file selector (Figure 312). Confirm by clicking the upload button.

Figure 311. Image widget — upload area Figure 311. Image widget — upload area

Figure 312. Image widget — selecting a file from the browser Figure 312. Image widget — selecting a file from the browser

Figure 313. Image variant field — format options Figure 313. Image variant field — format options (Fit / Fill / Stretch)

Figure 314. Background color setting Figure 314. Background color setting

Figure 315. Opacity adjustment Figure 315. Opacity adjustment

All changes are reflected in real time in the Preview window, which shows how the image will appear in the workspace.

Figure 316. Image widget visualization example Figure 316. Image widget visualization example


Monitoring Object Name

The Monitoring object name widget displays the name of a selected monitoring object as a text label in the workspace. This is useful for clearly identifying which object a group of adjacent widgets refers to.

Users can customize the font size, font color, and text alignment.

Figure 317. Monitoring object name widget parameters Figure 317. Monitoring object name widget parameters

Figure 318. Monitoring object name widget visualization Figure 318. Monitoring object name widget visualization


Text Label

The Text label widget displays a static, user-defined text string in the workspace. It can be used for headings, section dividers, notes, or any other fixed text annotation. Users can customize the font size, font color, and text alignment.

Figure 319. Text label widget parameters Figure 319. Text label widget parameters

Figure 320. Text label widget visualization Figure 320. Text label widget visualization