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.
Color Configuration
Legen Sie hier die grundsätzliche Farbgebung fest und greifen Sie dann in den Modules darauf zu; so wird Einheitlichkeit im Aussehen über mehrere Module gewährleistet. Einzustellen sind die Farben für gute Werte (Good), schlechte 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.
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 (siehe Anhang). 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. (siehe hierzu Eingabeoptionen für den Extended Number Format-String im Anhang).
Font SizesIn this section, the font sizes used throughout the tiles component can be adjusted. All inputs are in pixels. Likewise, the font family can be changed here. | |
PaddingThe padding defined here affects the space between the border of the overall component and the modules contained within (blue frame in the picture on the right). Thus, it also effects the divider lines between the modules. Individual module paddings can be adjusted on the General/Layout tab. Border SizeThis property governs the border size of the component. If a border size of 0 is specified, no border will be displayed. | |
GridThe option Snap to Grid activates a grid function; if checked, the size of the drawing area can only be changed in the intervals determined in the Grid Size input field. | |
Value FormatIn this section, the format of all value labels is determined:
| |
Color ConfigurationThe general color configuration is defined in this section. In this way, the consistent appearance of all modules in a given tile is ascertained. Adjustable are the colors for Good(positive) and Bad(negative) values, two text colors and two Data colors as well as the color of the Component Border which also affects the slot divider lines. The Component Background fills the entire tile and the color for Hover shows up while hover over the tile. |