Skip to main content

Text

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.