Skip to main content

Text

note

This page has been automatically translated and has not been reviewed in detail yet. Therefore, the translation might not be completely accurate.

With the help of the Text block, a fixed text is displayed. The block is not interactive.

CSS Classes​

  • dashboardLabelControl: an HTML element (DIV) with this CSS class is created for the elementary module itself.
  • dashboardLabelControlText: the actual text is in an inner HTML element (DIV) - the element receives this CSS class.

CSS variables​

  • --dashboard-text-control-padding, default 0.5em: the indentation (CSS padding) of the text within the display area of the elementary module. If this variable is not set but --dashboard-control-padding, this value is used instead of the default.
  • --dashboard-text-control-text-foreground, default #000000: the color (CSS color) of the text. If this variable is not set but --dashboard-control-text-foreground, this value is used instead of the default.
  • --dashboard-text-control-text-background, default transparent: the background (CSS background, not just the color background-color) of the text. If this variable is not set but --dashboard-control-text-background, this value is used instead of the default.
  • --dashboard-text-control-text-align, default center: the positioning of the text within the building block (CSS text-align), if this requires less space than that entire width - texts that are too long are always cropped (CSS overflow:hidden, text-overflow:ellipsis, white-space:nowrap). If this variable is not set but --dashboard-text-control-text-align, this value is used instead of the default.