Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


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.

Image Removed

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.

Image Removed

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.

Image Removed

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.

Image Removed

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).

Image Removed

Image Removed

Font Sizes

In 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.

Image Added

Padding

The 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 Size

This property governs the border size of the component. If a border size of 0 is specified, no border will be displayed.

Image Added

Grid

The 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.

Image Added

Value Format

In this section, the format of all value labels is determined:

  • Basic
    Here, you can change the presets for absolute and percentage value according to numeral.js.
    Locale changes the country setting. If set to AUTO, the country setting will be governed by the data source.
  • Extended
    If a fixed format is desired for the value labels, this can be done with the extended number format. The resulting format string can be set via scripting as well. See Number Formatting

Image Added

Image Added

Color Configuration

The 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.

Image Added