Die Style Einstellungen

Die Style Einstellungen steuern das Aussehen der Steuerelemente:

Style Einstellungen der View

Die Style Einstellungen steuern das Aussehen der Steuerelemente global über die gesamte View. Generell gilt - ist ein Wert direkt beim Steuerelement gesetzt, dann wird dieser verwendet. Ist dort nichts definiert, werden die Style Einstellungen verwendet.

Gruppe: Allgemein

Textfarbe Label

Farbe die für normalen Text verwendet wird.

Hintergrundfarbe Label

Farbe die für den Hintergrund von Text verwendet wird.

Linienfarbe

Farbe die für Linien verwendet wird.

Viewfarbe

Farbe die für den Hintergrund der View verwendet wird.

[Tip]Tip

In der Praxis ist diese Definition nur relevant wenn für den Seitenhintergrund der Hauptseite eine transparente Farbe verwendet wird.

Hintergrundfarbe Seite

Farbe die für den Hintergrund einer Seite verwendet wird.

Farbe Icons

Farbe die für Icons verwendet wird.

Gruppe: Formatierung & Schrift

Standard Schriftart

Schriftart die verwendet wird, wenn beim Steuerelement keine spezielle Schriftart spezifiziert wird.

Standard Schriftgröße

Schriftgröße die verwendet wird, wenn beim Steuerelement keine spezielle Schriftgröße spezifiziert wird.

Schriftgröße anpassen

Die Schriftgröße wird automatisch an die Einstellungen des Client OS angepasst (dh. wird in den Einstellungen von Android bzw. iOS eine größere Schriftgröße gewählt, so wird auch die Schriftgröße im Client automatisch vergrößert).

Standardformat Datum

Format Spezifikation für die Darstellung von Datumswerten (Variable mit Unix Timestamp). Ein DropDown bietet hier bereits die gebräuchlichsten Einstellungen zur Auswahl an.

[Tip]Tip

Beispiel für die Darstellung von Tag, Monat (langes Format) und Jahr: dd. MMMM yyyy

Standardformat Uhrzeit

Format Spezifikation für die Darstellung von Uhrzeiten (Variable mit Unix Timestamp). Ein DropDown bietet hier bereits die gebräuchlichsten Einstellungen zur Auswahl an.

[Tip]Tip

Beispiel für die Darstellung von Stunde, Minute und Sekunden: HH:mm:ss

Gruppe: Buttons

Hintergrundfarbe

Hintergrundfarbe für normale Buttons.

Hintergrundfarbe Ein

Hintergrundfarbe für Buttons im Status Aktiv.

Hintergrundfarbe Aus

Hintergrundfarbe für Buttons im Status Inaktiv.

Textfarbe

Textfarbe die für normale Buttons verwendet wird.

Textfarbe Ein

Textfarbe für Buttons im Status Aktiv.

Textfarbe Aus

Textfarbe für Buttons im Status Inaktiv.

Rahmenfarbe

Farbe die für den Rahmen eines Buttons verwendet wird.

Radien

Radius der Rundungen bei Buttons und andere Steuerelemente.

Rahmenstärke

Stärke der Rahmenlinien bei Buttons und anderen Steuerelementen.

Gruppe: Schalter

Spurfarbe Aktiv

Farbe die für die Spur des Schalters im Status Aktiv verwendet wird.

Spurfarbe Inaktiv

Farbe die für die Spur des Schalters im Status Inaktiv verwendet wird.

Reglerfarbe Aktiv

Farbe die für den Schieberegler des Schalters im Status Aktiv verwendet wird.

Reglerfarbe Inaktiv

Farbe die für den Schieberegler des Schalters im Status Inaktiv verwendet wird.

Gruppe: Schatten

Hintergrundfarbe

Hintergrundfarbe für das Steuerelement Schatten.

Rahmenfarbe

Farbe die für den Rahmen des Steuerelementes verwendet wird.

Farbe Schatten

Farbe des Schattens

Radius Unschärfe

Radius der für die Unschärfe des Schattens verwendet wird.

Radius Streuung

Radius der für die Streuung des Schattens verwendet wird.

Versatz x-Achse

Versatz/Richtung des Schattens in der horizontalen Achse.

Versatz y-Achse

Versatz/Richtung des Schattens in der vertikalen Achse.

Gruppe: Grid

Seitenabstand Links

Abstand Links bevor die Elemente automatisch platziert werden.

Seitenabstand Oben

Abstand Oben bevor die Elemente automatisch platziert werden.

Seitenabstand Rechts

Abstand Rechts bevor die Elemente automatisch platziert werden.

Seitenabstand Unten

Abstand Unten bevor die Elemente automatisch platziert werden.

Breite Zelle

Die Breite einer Zelle im Grid.

Höhe Zelle

Die Höhe einer Zelle im Grid.

Abstand Zellen

Spezifiziert den Abstand zwischen den Zellen. Wenn Sie hier keinen Wert spezifizieren, wird der entsprechende Wert aus den Style Einstellungen verwendet.

Gitternetzlinien

Bei Aktivierung werden automatisch Linien um die einzelnen Zellen gezogen.

Linienbreite

Breite der Linien für das Gitternetz.

Linienfarbe

Farbe der Gitternetzlinien.

Gruppe: Popup

Hintergrundfarbe Popup

Farbe die für den Hintergrund von Popups verwendet wird.

Rahmenfarbe Popups

Farbe die für den Rahmen von Popups verwendet wird.

Schattenfarbe Popups

Farbe die für den Schatten von Popups verwendet wird.

Textfarbe Assoziationen Aktiv

Farbe die für den Text von Assoziationen im Status Aktiv verwendet wird.

Textfarbe Assoziationen Inaktiv

Farbe die für den Text von Assoziationen im Status Inaktiv verwendet wird.

Hintergrundfarbe Assoziationen Aktiv

Farbe die für den Hintergrund von Assoziationen im Status Aktiv verwendet wird.

Hintergrundfarbe Assoziationen Inaktiv

Farbe die für den Hintergrund von Assoziationen im Status Inaktiv verwendet wird.

Rahmenfarbe Assoziationen

Farbe die für den Rahmen von Assoziationen verwendet wird.

Schattenfarbe Assoziationen

Farbe die für den Schatten des Assoziationen Popups verwendet wird.

Schriftgröße Assoziationen

Schriftgröße die für die Darstellung von Assoziationen verwendet wird.

Gruppe: Tabs

Textfarbe Tab Inaktiv

Textfarbe der inaktiven Tabs.

Textfarbe Tab Aktiv

Textfarbe des aktiven Tabs.

Indikator Farbe

Farbe die für die Anzeige des aktiven Tabs verwendet wird.

Scrollen der TabBar

Steuert ob ein Scrollen der TabBar möglich ist. Bei Aktivierung wird die Breite eines Tabs an die Textlänge angepasst und bei einem Overflow kann die TabBar gescrollt werden.

TabBar Position unten

Steuert die Position der TabBar im Client. Bei Aktivierung wird die TabBar unten angezeigt, ansonsten erfolgt die Anzeige oben.

Gruppe: Linien

Linienbreite

Die Breite der Linie in Pixel.

Linienfarbe

Die Farbe der Linie.

Höhe Pfeil

Größe des Pfeiles.

Länge Pfeil

Länge des Pfeiles.

Gruppe: Energiefluss

Geschwindigkeit

Geschwindigkeit des Energieflusses, die Zeit spezifiziert die Zeit in Millisekunden, die Bewegung eines Punktes zum nächsten Punkt benötigt.

Größe Animation

Größe der Energiefluss Punkte in Pixel

Zwischenraum Animation

Zwischenraum in Pixel zwischen den einzelnen Punkten des Energieflusses.

Linienbreite

Die Breite der Linie in Pixel.

Radius Biegung

Radius der Biegung.

Größe Pfeil

Größe des Pfeiles.

Länge Pfeil

Länge des Pfeiles.

Flussfarbe Negativ

Farbe des Flusses im negativen Bereich

Rahmenfarbe Negativ

Farbe des Rahmens im negativen Bereich

Linienfarbe Negativ

Farbe der Linie im negativen Bereich

Textfarbe Negativ

Textfarbe im negativen Bereich

Flussfarbe Neutral

Farbe des Flusses im neutralen Bereich

Rahmenfarbe Neutral

Farbe des Rahmens im neutralen Bereich

Linienfarbe Neutral

Farbe der Linie im neutralen Bereich

Textfarbe Neutral

Textfarbe im neutralen Bereich

Flussfarbe Positiv

Farbe des Flusses im positiven Bereich

Rahmenfarbe Positiv

Farbe des Rahmens im positiven Bereich

Linienfarbe Positiv

Farbe der Linie im positiven Bereich

Textfarbe Positiv

Textfarbe im positiven Bereich

Gruppe: Slider

Spurenden abgerundet

Bei Aktivierung werden die Spurenden abgerundet dargestellt.

Spurfarbe Aktiv

Farbe der Spur für den aktiven Teil des Sliders.

Spurfarbe Inaktiv

Farbe der Spur für den inaktiven Teil des Sliders.

Spurbreite Aktiv

Breite der Spur für den aktiven Teil des Sliders.

Spurbreite Inaktiv

Breite der Spur für den inaktiven Teil des Sliders.

Teilstrichfarbe Aktiv

Farbe eines Teilstriches im aktiven Teil des Sliders.

Teilstrichfarbe Inaktiv

Farbe eines Teilstriches im inaktiven Teil des Sliders.

Platzierung Teilstriche

Bestimmt die Platzierung der Teilstriche, folgende Optionen stehen zur Verfügung:

  • Teilstriche nach Wert platzieren - die Platzierung der Teilstriche wird durch den Wertebereich (Minimum/Maximum) und die Schrittgröße bestimmt. Der Wert "Abstand Teilstriche" bestimmt hierbei den minimalen Abstand der Teilstriche.

  • Fixer Abstand der Teilstriche - die Platzierung der Teilstriche wird nur durch die Eigenschaft "Abstand Teilstriche" bestimmt.

Breite Teilstrich

Breite der einzelnen Teilstriche des Sliders. Ist dieser Wert 0, werden keine Teilstriche am Client dargestellt.

Höhe Teilstrich

Höhe der einzelnen Teilstriche des Sliders. Ist dieser Wert 0, werden keine Teilstriche am Client dargestellt.

Abstand Teilstrich

Abstand der einzelnen Teilstriche des Sliders. Ist dieser Wert 0, werden keine Teilstriche am Client dargestellt.

Reglerfarbe Außen

Farbe des äußeren Rings eines Reglers

Reglerfarbe Innen

Farbe des inneren Teil eines Reglers

Reglergröße Außen

Größe des äußeren Rings eines Reglers

Reglergröße Innen

Größe des inneren Teil eines Reglers

Gruppe: CircleSlider

Spurenden abgerundet

Bei Aktivierung werden die Spurenden abgerundet dargestellt.

Spurfarbe Aktiv

Farbe der Spur für den aktiven Teil des Sliders.

Spurfarbe Inaktiv

Farbe der Spur für den inaktiven Teil des Sliders.

Start Winkel

Winkelangabe für den Start des Sliders (Default 45).

Bereich Winkel

Winkel für die Länge des CircleSliders (Default 270).

Spurbreite Aktiv

Breite der Spur für den aktiven Teil des Sliders.

Spurbreite Inaktiv

Breite der Spur für den inaktiven Teil des Sliders.

Teilstrichfarbe Aktiv

Farbe eines Teilstriches im aktiven Teil des Sliders.

Teilstrichfarbe Inaktiv

Farbe eines Teilstriches im inaktiven Teil des Sliders.

Platzierung Teilstriche

Bestimmt die Platzierung der Teilstriche, folgende Optionen stehen zur Verfügung:

  • Teilstriche nach Wert platzieren - die Platzierung der Teilstriche wird durch den Wertebereich (Minimum/Maximum) und die Schrittgröße bestimmt. Der Wert "Abstand Teilstriche" bestimmt hierbei den minimalen Abstand der Teilstriche.

  • Fixer Abstand der Teilstriche - die Platzierung der Teilstriche wird nur durch die Eigenschaft "Abstand Teilstriche" bestimmt.

Breite Teilstrich

Breite der einzelnen Teilstriche des Sliders. Ist dieser Wert 0, werden keine Teilstriche am Client dargestellt.

Höhe Teilstrich

Höhe der einzelnen Teilstriche des Sliders. Ist dieser Wert 0, werden keine Teilstriche am Client dargestellt.

Abstand Teilstrich

Abstand der einzelnen Teilstriche des Sliders. Ist dieser Wert 0, werden keine Teilstriche am Client dargestellt.

Reglerfarbe Außen

Farbe des äußeren Rings eines Reglers

Reglerfarbe Innen

Farbe des inneren Teil eines Reglers

Reglergröße Außen

Größe des äußeren Rings eines Reglers

Reglergröße Innen

Größe des inneren Teil eines Reglers

Gruppe: ProgressBar

Spurenden abgerundet

Bei Aktivierung werden die Spurenden abgerundet dargestellt.

Spurfarbe Aktiv

Farbe der Spur für den aktiven Teil des Sliders.

Spurfarbe Inaktiv

Farbe der Spur für den inaktiven Teil des Sliders.

Spurbreite Aktiv

Breite der Spur für den aktiven Teil des Sliders.

Spurbreite Inaktiv

Breite der Spur für den inaktiven Teil des Sliders.

Teilstrichfarbe Aktiv

Farbe eines Teilstriches im aktiven Teil des Sliders.

Teilstrichfarbe Inaktiv

Farbe eines Teilstriches im inaktiven Teil des Sliders.

Platzierung Teilstriche

Bestimmt die Platzierung der Teilstriche, folgende Optionen stehen zur Verfügung:

  • Teilstriche nach Wert platzieren - die Platzierung der Teilstriche wird durch den Wertebereich (Minimum/Maximum) und die Schrittgröße bestimmt. Der Wert "Abstand Teilstriche" bestimmt hierbei den minimalen Abstand der Teilstriche.

  • Fixer Abstand der Teilstriche - die Platzierung der Teilstriche wird nur durch die Eigenschaft "Abstand Teilstriche" bestimmt.

Breite Teilstrich

Breite der einzelnen Teilstriche des Sliders. Ist dieser Wert 0, werden keine Teilstriche am Client dargestellt.

Höhe Teilstrich

Höhe der einzelnen Teilstriche des Sliders. Ist dieser Wert 0, werden keine Teilstriche am Client dargestellt.

Abstand Teilstrich

Abstand der einzelnen Teilstriche des Sliders. Ist dieser Wert 0, werden keine Teilstriche am Client dargestellt.

Gruppe: Gauge

Animationsdauer

Dauer der Animation um die Änderung eines Wertes darzustellen

Animationstyp

Typ der Animation, der für die Darstellung der Änderung verwendet wird, folgende Werte stehen zur Verfügung:

  • Standard (Default aus den Style Einstellungen wird verwendet)

  • Keine Animation

  • Linear

  • Abklingen

  • Abklingen mit Zurück

  • Prellen

  • Elastisch

Position Labels

Position der Labels, folgende Werte stehen zur Auswahl:

  • Standard (Default aus den Style Einstellungen wird verwendet)

  • Innen

  • Außen

  • Verbergen

Labels drehen

Bei Aktivierung dieser Option werden die Labels an die Rundung angepasst.

Labels Abstand

Spezifiziert den Abstand der Labels zu den Teilstrichen

Labels Farbe

Farbe der Labels

Schriftgröße

Größe der Schrift für die Darstellung der Labels.

Spurtyp

Bestimmt den Typ der Spur, folgende Optionen stehen zur Verfügung:

  • Spurfarben Aktiv/Inaktiv - Farbe und Breite der Spur kann für Aktiv und Inaktiv getrennt eingestellt werden.

  • Einzelne Spurfarbe - Farbe und Breite kann nur für die gesamte Spur eingestellt werden.

Spurbreite

Breite der Spur.

Spurfarbe

Farbe der Spur.

Spurenden abgerundet

Bei Aktivierung dieser Option werden die Spurenden abgerundet dargestellt.

Spur Start Winkel

Winkelangabe in Grad für den Start der Spur .

Spur Bereich Winkel

Winkelangabe in Grad für den Bereich der Spur.

Spurzeiger Farbe

Farbe des Spurzeigers.

Spurzeiger Größe

Breite des Spurzeigers in Pixel.

Spurzeiger Abstand

Abstand des Spurzeigers von der normalen Spur.

Teilstriche Position

Position der Teilstriche, folgende Werte stehen zur Verfügung:

  • Standard (Default aus den Style Einstellungen wird verwendet)

  • Anzeige Innen

  • Anzeige Außen

  • Verbergen

Teilstriche Abstand

Abstand der Teilstriche von der Spur.

Teilstriche pro Intervall

Teilstriche, die pro Intervall angezeigt werden sollen.

Teilstriche Breite

Breite der einzelnen Teilstriche.

Höhe große Teilstriche

Höhe der großen Teilstriche.

Höhe kleine Teilstriche

Höhe der kleinen Teilstriche.

Teilstrichfarbe

Farbe der einzelnen Teilstriche.

Zeigertyp

Typ des Zeigers für die Darstellung des aktuellen Wertes, folgende Werte stehen zur Verfügung:

  • Standard (Default aus den Style Einstellungen wird verwendet)

  • Nadel und Spur

  • Nadel

  • Spur

  • Keine Darstellung

Knopffarbe

Farbe des Knopfes in der Mitte.

Knopfradius

Radius des Knopfes.

Zeigerfarbe

Farbe des Zeigerelementes.

Zeige Breite Start

Breite des Zeigers im Startpunkt.

Zeige Breite Ende

Breite des Zeigers am Ende.

Länge des Zeigers

Länge des Zeigers in Prozent.

Überstand des Zeigers

Überstand des Zeigers auf der gegenüberliegenden Seite des Knopfes in Prozent.

Gruppe: Charts

Füllfarbe Graph

Spezifiziert die Füllfarbe des Graphen bei Angabe einer Variablen für den Chart

Linienfarbe Graph

Spezifiziert die Linienfarbe des Graphen bei Angabe einer Variablen für den Chart

Linienbreite Graph

Breite der Chart Linien im Standard Modus

Linienbreite HD

Breite der Chart Linien im HD Modus

Linienbreite Bar

Breite der Linien bei Balkendiagrammen

Undurchsichtigkeit Füllfarbe

Definiert die Undurchsichtigkeit der Füllfarbe.

Gitternetzfarbe

Farbe für die Anzeige des Gitternetzes.

Linienbreite Gitternetz

Breite der Gitternetz Linien.

Skalierung Schriftfarbe

Farbe für die Anzeige der Achsenbeschriftung.

Skalierung Schriftgröße

Größe der Schrift für die Anzeige der Achsenbeschriftung.

Skalierung Linienfarbe

Farbe für die Anzeige der Achsen.

Linienfarbe Maxima

Linienfarbe für die Darstellung des Maxima.

Linienfarbe Minima

Linienfarbe für die Darstellung des Minima.

Linienbreite Min/Max

Linienbreite für die Darstellung von Minima/Maxima.

Radius Punkte

Radius der Punkte im Chart

Breite Umrandung

Spezifiziert die Breite der Umrandung der einzelnen Chart Punkte.

Füllfarbe Punkte

Füllfarbe der einzelnen Chartpunkte.

Farbe Umrandung

Farbe der Umrandung der einzelnen Chartpunkte: