Zum Hauptinhalt springen

Text

Mit Hilfe des Text Bausteins wird ein fester Text angezeigt. Der Baustein ist nicht interaktiv.

CSS Klassen​

  • dashboardLabelControl: ein HTML Element (DIV) mit dieser CSS Klasse wird für den Elementarbaustein selbst angelegt.
  • dashboardLabelControlText: in einem inneren HTML Element (DIV) steht der eigentliche Text - das Element erhält diese CSS Klasse.

CSS Variablen​

  • --dashboard-text-control-padding, Voreinstellung 0.5em: die Einrückung (CSS padding) des Textes innerhalb der Anzeigefläche des Elementarbausteins. Ist diese Variable nicht gesetzt jedoch --dashboard-control-padding, so wird dieser Wert anstelle der Voreinstellung verwendet.
  • --dashboard-text-control-text-foreground, Voreinstellung #000000: die Farbe (CSS color) des Textes. Ist diese Variable nicht gesetzt jedoch --dashboard-control-text-foreground, so wird dieser Wert anstelle der Voreinstellung verwendet.
  • --dashboard-text-control-text-background, Voreinstellung transparent: der Hintergrund (CSS background, also nicht einfach nur die Farbe background-color) des Textes. Ist diese Variable nicht gesetzt jedoch --dashboard-control-text-background, so wird dieser Wert anstelle der Voreinstellung verwendet.
  • --dashboard-text-control-text-align, Voreinstellung center: die Positionierung des Textes innerhalb des Bausteins (CSS text-align), falls diese weniger Platz benötigt als die gesamte Breite - zu lange Texte werden grundsätzlich beschnitten (CSS overflow:hidden, text-overflow:ellipsis, white-space:nowrap). Ist diese Variable nicht gesetzt jedoch --dashboard-text-control-text-align, so wird dieser Wert anstelle der Voreinstellung verwendet.