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