Appearance Tab

Owned by Jens Beckmann (Unlicensed)
Last updated: May 28, 2019 by Stefanie Schröder (Unlicensed)
3 min read

Font Sizes

An dieser Stelle steuern Sie die Größen und -verhältnisse der eingeblendeten Textbereiche: Überschriften (Headlines), normalen Text (Regular Text) und Beschriftungen (Labels). Alle Angaben erfolgen in Pixeln. Auch die Schriftart (Font Family) kann in diesem Abschnitt eingestellt werden.

Padding

An dieser Stelle konfigurieren Sie den Abstand der Gesamtkomponente zum Rahmen (blaue Markierung in der Abbildung rechts zeigt die Standardeinstellung von 10 Pixeln). Dieses Padding wirkt sich somit auch auf die Trennlinien aus. Das Padding der einzelnen Module können Sie auf dem General/Layout-Tab justieren.

Border Size

Mit dieser Eigenschaft wird die Dicke der Komponentenumrandung eingestellt. Bei Eingabe von 0 wird die Umrandung ausgeblendet.

Grid

Mittels Snap to Grid aktivieren Sie die Grid-Funktion und bestimmen über Grid Size die Intervalle, in denen die Größe der Zeichenfläche (und damit auch die Größe der Kachel) dann nur noch verändert werden kann.

Value Format

An dieser Stelle steuern Sie das Format der Datenbeschriftungen:

  • Basic
    Pflegen Sie hier das Format für absolute und prozentuale Werte entsprechend der Vorgaben von numeral.js. Locale setzt die Ländereinstellung. Ist diese auf AUTO eingestellt, wird die Ländereinstellung aus der Datenquelle übernommen.
  • Extended
    Sofern Sie ein fixes Format für Ihre Datenbeschriftungen wünschen, können Sie dies hier für absolute und prozentuale Datenwerte pflegen. Die Eingabe einer Klammer „(“ im Feld für Negative Sign führt zu einer Darstellung negativer Zahlen in Klammern: (1234). Der Parameter im Feld Scaling wird als Divisor verwendet, um eine Skalierung der Datenbeschriftung vorzunehmen. Die resultierenden „Format-Strings“ können auch über die Skriptsprache gesetzt werden.

Color Configuration

Legen Sie hier die grundsätzliche Farbgebung fest und greifen Sie dann in den Modulen darauf zu; so wird Einheitlichkeit im Aussehen über mehrere Module gewährleistet. Einzustellen sind die Farben für gute/positive Werte (Good), schlechte/negative Werte (Bad), zwei Textfarben (Text 1 und 2), zwei Farben zur Darstellung verschiedener Daten (Data 1 und 2) sowie die Farbe der Komponentenumrandung (Component Border). Letztere steuert auch die Farbe der Trennlinien zwischen den Slots. Mit Component Background legen Sie die Hintergrundfarbe der kompletten Tile fest. Bei Hover wird die Hintergrundfarbe der Tile bei der Ausführung der Applikation, beim Hovern, in der definierten Farbe dargestellt.