Oberfläche

Konzept

Prinzipiell verfolgt PROCON-WEB einen systemischen Aufbau. Nachdem die Grundeinstellungen durchgeführt worden sind, kann mit dem Gestalten begonnen werden. Im Kapitel Oberfläche werden alle nötigen Werkzeuge beschrieben, die für eine reibungslose Gestaltung benötigt werden. Durch den Style-Guide besteht die Möglichkeit, für das Projekt individuelle Styles anzulegen.

Konfiguration

In der Konfiguration können wesentliche Parameter für die Benutzeroberfläche eingestellt werden. Jede Konfigurationsmöglichkeit ist im „HelpCenter“ beschrieben.

Client (Benutzeroberfläche)

Parameter	Beschreibung
Schedulerintervall	Diese Angabe wird in Millisekunden angegeben. Es kann zwischen einem Intervall von 100ms – 60.000ms konfiguriert werden.
Kein Wert vom TagServer (Prozessvariable)	Sobald der TagServer keinen Wert liefert, kann stattdessen ein beliebiger Wert eingegeben werden. Ist kein Wert angegeben, wird der Defaultwert der entsprechenden Prozessvariable angezeigt.
Treiberfehler (Prozessvariable)	Sollte ein Treiberfehler auftreten, kann dieser Wert beeinflusst werden. Wird kein Eintrag vorgenommen, so wird der aktuelle Wert der Prozessvariable dargestellt.
Minimalwert unterschritten (Prozessvariable)	Sollte der der Minimalwert einer Prozessvariable unterschritten sein, so kann die Darstellung in der Benutzeroberfläche beeinflusst werden. Wird kein Eintrag vorgenommen, so wird der aktuelle Wert der Prozessvariable dargestellt.
Maximalwert überschritten (Prozessvariable)	Sollte der der Maximalwert einer Prozessvariable überschritten sein, so kann die Darstellung in der Benutzeroberfläche beeinflusst werden. Wird kein Eintrag vorgenommen, so wird der aktuelle Wert der Prozessvariable dargestellt.
Max. Navigationshistorie	Es können die Navigationsviews, die durch die Historie-Funktion (Kapitel Y) durchlaufen werden, beeinflusst werden.
Freischaltung der Logbuchhistorie	Durch diese Checkbox kann die Logbuchhistorie freigeschaltet werden.
Touch Tastatur aktivieren	Durch ein DropDown kann beeinflusst werden, wann eine Touch Tastatur zur Laufzeit von PROCON-WEB erscheinen soll. Zur Auswahl stehen:
	Nur bei Num/Bool Prozessvariablen
	String Prozessvariablen und Num/Bool Prozessvariablen
	Immer
Tooltips aktivieren	Es kann entschieden werden, ob Tooltips verwendet werden sollen.
Navigation über URL aktivieren	Es ist möglich, die Sicht über die URL zu verändern. Dadurch werden jedoch keine Rechte berücksichtigt.
Benutzerberechtigung Esc-Esc	Definition, welche Benutzerberechtigung benötigt wird, um die Web-Runtime per Esc-Esc zu beenden
Benutzerberechtigung für I-Taste	Definition, welche Benutzerberechtigung benötigt wird, um den Info-Dialog per I-Taste in der Web-Runtime zu öffnen
Benutzerberechtigung für L-Taste	Definition, welche Benutzerberechtigung benötigt wird, um den Sprachauswahl-Dialog per L-Taste in der Web-Runtime zu öffnen
Benutzerberechtigung für P-Taste	Definition, welche Benutzerberechtigung benötigt wird, um die Bildauswahl per P-Taste in der Web-Runtime zu öffnen
Benutzerberechtigung für Alt + T-Taste	Definition, welche Benutzerberechtigung benötigt wird, um die Testoberfläche per Tastenkombination Alt+T in der Web-Runtime anzuzeigen

Bild

• Optimierter Bild-Export: Legt fest, ob nur noch die von einem Element referenzierten „Bitmap“ in der Runtime-Verzeichnis exportiert werden.

Style-Guide

PROCON-WEB unterstützt das zentrale Verwalten eines Styleguides mit globalen Definitionen von Farbwerten und verschiedenen Darstellungen für alle Controls. Innerhalb der Bildmontage können die Controls mit Verweisen auf einen Styleguideeintrag versehen werden und übernehmen damit das dort hinterlegte Aussehen. Damit besteht die Möglichkeit an zentraler Stelle die Darstellung von Bedien- und Anzeigeelementen, dem eigenen Corporate Design oder den Kundenvorstellungen anzupassen. Es können für einen Control-Typ (wie z.B. einem Button) mehrere Styles hinterlegt werden, um Taster für eine Bedienaktion an der Maschine von einem Navigationselement zu unterscheiden. Auch für Systemdialoge, wie z.B. der Benutzeranmeldung können Styles hinterlegt werden, um deren Erscheinungsbild an die Projektfarbgebung anzupassen.

Der Style-Guide lässt sich in folgende Kategorien unterteilen:

• Projektfarben

• Farbverläufe

• Einfache Controls

• Komplexe Controls

• System Dialoge

Projektfarben

Bei den Projektfarben wird zwischen Systemfarben (System) und Projekt-Farben (Projekt) unterschieden.

Systemfarben Im Bereich Systemfarben sind Standard-Farben für PROCON-WEB definiert. Diese Farben können nicht verändert oder gelöscht werden.

Projekt-Farben In diesem Bereich können eigene Farben für das Projekt definiert und verändert werden. Bei einem neuen Projekt ist dieser Bereich zunächst leer. Über das Kontextmenü (rechte Maustaste) können neue Farben angelegt, angeklickte Farben bearbeitet und / oder gelöscht werden. Ebenfalls über das Kontextmenü kann die Darstellung bzw. Ansicht der Farben verändert werden. In der Darstellung Details sieht man z.B. auf einen Blick eine Vorschau der Farbe, den Namen, den RGB-Wert und die Anzahl der Referenzen auf diese Farbe. Die Verwendung der Farben lässt sich über das Anzeigen der Referenzen feststellen. Referenzierte Farben können nicht gelöscht werden! Beim Erstellen bzw. Bearbeiten der Farbe zeigt eine Vorschauanzeige im Dialog die aktuellen Veränderungen an und stellt den Unterschied zur Ausgangsfarbe dar.

Note

Über das Pipetten-Symbol () lässt sich der Farbwert eines beliebigen Bereichs bzw. Pixels kopieren, auch außerhalb des Designers.

Farbverläufe

Die Bedienung im Bereich Farbverläufe ähnelt der Bedienung im Bereich Farben. Einzig zwischen System- und Projekt-Verläufe wird nicht unterschieden. In einem neuen Projekt sind schon ein paar Farbverläufe definiert, die im Style-Guide bei den Controls Verwendung finden. Über das Kontextmenü (rechte Maustaste) können neue Farbverläufe angelegt, angeklickte Farbverläufe bearbeitet und / oder gelöscht werden. Die Verwendung der Farbverläufe lässt sich über das Anzeigen der Referenzen feststellen. Referenzierte Farbverläufe können nicht gelöscht werden! Ein Farbverlauf wird zunächst über die Start- und Endfarbe sowie den Typ (Linear, Bilinear und Radial) des Farbverlaufes definiert. Weiterhin kann man bei nicht radialen Farbverläufen einen Modus (Vertikal, Horizontal, Rückwärts Diagonal und Vorwärts Diagonal) angeben. Als letzte Parameter kann man die relative Start- und Endposition (0 – 100) der Farbe innerhalb des Verlaufes angeben. Im Vorschaufenster im Dialog werden die Änderungen sofort sichtbar.

Einfache Controls

Als einfache Controls werden Text- und Zahlenfelder (TagDisplay), Schaltfläche (Button), Combobox, Checkbox, Balkenanzeige (Bar) und Schieberegler (Slider) verstanden. In einem neuen Projekt ist schon für jeden Typ ein Default-Style angelegt. Dieser soll als Beispiel dienen und kann beliebig verändert oder durch kopieren als Basis für einen eigenen Style benutzt werden. Ebenso kann man eigene Style-Elemente anlegen. Dies kann entweder per Kontextmenü oder über die Menüleiste passieren.

Die erste Spalte zeigt den Typ des Elementes als Symbol an, die zweite Spalte den Variantennamen. Die vier weiteren Spalten zeigen die Elemente in den entsprechenden Zuständen an, die das Element einnehmen kann. Die Vorschau zeigt das Element in seiner Gesamtansicht. Diese Zustände werden durch verschiedene Bedingungen ausgelöst.

Zustand	Bedingung
Standard	Wenn keine der folgenden Bedingungen erfüllt sind.
Inaktiv	Wenn die Bedingung „Eingabe“ des Elements nicht erfüllt ist.
Spezial/Eingerastet	Wenn die Bedingung „Gedrückt“ des Elements erfüllt ist.
Gedrückt	Wenn auf dieses Element geklickt wird und die Taste gehalten wird.

Ein Element besteht aus verschiedenen Attribut-Gruppen wie z.B. Rahmen, Schatten oder Schrift. Die einzelnen Parameter wie z.B. Farbe oder Linienstärke werden innerhalb der Attributgruppe bearbeitet.

Attribut-Gruppe	Beschreibung
Schatten	Definiert einen Elementschatten mit horizontaler- und vertikaler Verschiebung, Weichzeichner, Größe und Schattenfarbe.
Rahmen	Definiert einen Elementrahmen mit einer Linienbreite, -rahmen, -farbe, -typ und –radius.
Schrift	Definiert die Schrift des Elementes mit Schriftart, -stil, -größe und -farbe.
Schriftschatten	Definiert einen Schatten für die zuvor konfigurierte Schriftart.
	Es können wie beim Elementschatten horizontale- und vertikale Verschiebung, sowie Weichzeichner und Schattenfarbe angegeben werden.
Farbe Außenbereich	Beschreibt die Farbe zwischen Hintergrund und Rahmen
Abstand Außenbereich	Größe des Außenbereiches. Dies ist der Abstand zwischen Hintergrund und Rahmen. Ist der Außenabstand 0 so ist der Außenbereich nicht sichtbar!
Hintergrundfarbe	Beschreibt die Hintergrundfarbe des Textes bis zum Außenbereich
Abstand	Dies ist der Abstand zwischen dem Text und dem Außenbereich. Der Abstand vergrößert den Hintergrund.

Durch Klicken auf den Zeilenmarker bzw. auf das Plus-Symbol auf der linken Seite wird die Attribut-Gruppe des entsprechenden Elementes geöffnet. Zur besseren Übersicht können immer nur die Attribut-Gruppen eines Elementes geöffnet sein.

Die Namen der Attribut-Gruppen sind an der rechten Seite angeordnet. Die Aufteilung erfolgt tabellarisch. In der ersten Zeile befindet sich das Gesamtelement in den entsprechenden Zuständen. Abhängig davon, welche Auswahl der Attribut-Gruppe (Zeile) und dem dazugehörigen Zustand (Spalte) getroffen wird, werden am rechten Rand die Optionen dargestellt. Die Veränderungen werden sofort sichtbar.

Eine Attribut-Gruppe zeigt eine Vorschau des Teil-Elementes, das durch diese verändert werden kann.

Bei der Bearbeitung der Attribut-Gruppen und deren Parameter ist folgendes zu beachten:

• Das Aussehen des Elementes bestimmen in erster Linie die Attribut-Gruppen in der Standard-Spalte. Hierzu können teilweise Attribut-Gruppen aktiviert oder deaktiviert werden.

• Manche Attribut-Gruppen sind fix weil sie für das Element zwingend benötigt werden, d.h. sie können weder aktiviert noch deaktiviert werden.

• Einige Attribut-Gruppen können in den weiteren Zuständen wie Inaktiv etc. überschrieben werden, wobei nur Parameter überschrieben werden können, die die Gesamtgröße des Elementes nicht verändern.

• Ist eine Attribut-Gruppe überschrieben, so wird diese durch die Vorschau in der Zeile der entsprechenden Attribut-Gruppe angezeigt. Ist dort kein Symbol zu sehen, ist die Attribute-Gruppe nicht überschrieben.

• Das Überschreiben der Elemente lässt sich durch den Reset-Button wieder Rückgängig machen.

Über das Kontextmenü lassen sich die Parameter der einzelnen Attribut-Gruppen oder des ganzen Elementes kopieren. Das kann eine einzelne Attribut-Gruppe eines bestimmten Zustands sein (Zelle), die komplette Attribut-Gruppe eines Elementes (Zeile) oder ein kompletter Zustand (Zelle des Zustandes im Element).

Die Parameter können auch über verschiedene Elemente hinweg kopiert werden, um z.B. den Rahmen von einem TagDisplay in einen Button zu kopieren.

Komplexe Controls

Als komplexe Controls werden Grids in den verschiedenen Ausprägungen (DataGrid, MessageGrid), Chart, Wizard, HelpControl und ReportControl verstanden.

In einem neuen Projekt ist schon für jeden Typ ein Default-Style angelegt. Dieser soll als Beispiel dienen und kann beliebig verändert oder durch kopieren als Basis für einen eigenen Style benutzt werden. Ebenso können eigene Style-Elemente angelegt werden. Dies kann entweder per Kontextmenü oder über die Menüleiste passieren. Die Bedienung und Definition der komplexen Controls ähnelt der der einfachen Controls, mit dem Unterschied dass komplexe Controls nur den Zustand Standard besitzen.

Zur besseren Übersichtlichkeit ist die Vorschau der komplexen Controls in die Mitte gewandert.

Neben der Parametrisierung der Attribut-Gruppen - wie bei den einfachen Controls - können komplexe Controls auch einfache Controls referenzieren. Werden diese geändert so ändert sich auch das Aussehen der komplexen Controls.

Ebenso definieren komplexe Controls die Option Icons zu verwalten. Diese können in der Attribut-Gruppe „Icons“ angepasst werden. Es kann entweder ein anderes Icon gewählt, oder die Iconfarbe angepasst werden. Die Iconfarbe lässt sich nur bei den von GTI definierten Icons ändern.

BaseControl: Zur besseren Handhabung wird ein Base-Control definiert. Dieses vererbt seine Einstellungen an Kindelemente, wie dem Grid oder Chart weiter. Neben den schon bei den einfachen Controls beschriebenen Attribut-Gruppen gibt es im BaseControl noch weitere Gruppen.

Attribut-Gruppe	Beschreibung
Button-Leiste	Definiert die konfigurierten Buttons über Ausrichtung, Größe und Abstand.
Dialog	Definiert Farbe für Titelzeile, Info, Fehler und des Schließen-Buttons und den Skalierungsfaktor
Button	Referenziert den Style für die verwendeten Buttons
Anzeigeelement	Referenziert den Style für die verwendeten TagDisplays
Checkbox	Referenziert den Style für die verwendeten Checkboxes

Grid: Definiert den Style für alles Ausprägungen des Grid-Controls. Die ersten drei Attribut-Gruppen „BaseControl“, „Combobox“ und „Balken“ referenzieren Einstellungen von anderen Styles. Anschließend folgen die Attribut-Gruppen zur Konfiguration der Spaltenüberschrift, Standardzeile, alternierenden Zeile, ausgewählten Zeile, der Darstellung bei „Mouse over“, der Zeitbereichsauswahl. Ebenfalls können diverse Icons individualisiert werden.

Die nachfolgenden Zeilen sind zur Konfiguration der Zeilen unter bestimmten Bedingungen. Jede Zeilenkonfiguration besitzt folgende Attribute:

Attribut	Beschreibung
Schriftname	Definiert die Schriftart
Schriftstil	Es lässt sich zwischen fett, kursiv, unterstrichen und Weiteren Stilen wählen
Schriftgröße	Definiert die Schriftgröße in px
Schriftfarbe	Definiert die Textfarbe
Hintergrundfarbe	Definiert die Hintergrundfarbe
Linienfarbe	Definiert die Farbe der Linien zwischen den Zellen
Linientyp	Hier können verschieden Strukturlinien hinzugefügt, bzw. entfernt werden
Linienstärke	Definiert die Liniendicke
Zeilenhöhe	Definiert die minimale Höhe eines Zeileneintrages
Filterzeilenhöhe	Definiert die Höhe des Controls der Filterzeile

Chart: Definiert das Aussehen des Chart-Controls. Die ersten zwei Attribute referenzieren die Einstellungen anderer Styles.

Attribut	Beschreibung
Chart Farben	Definiert die Hintergrund-, Gitter- und Achsenfarbe des Diagramms
Zeitbereich-Auswahl	Definiert den Zeitbereichsauswahldialog. Dieser kann ähnlich wie ein TagDisplay konfiguriert werden. Die Schriftgröße bezieht sich hierbei nur auf die Auswahlliste, nicht jedoch die Titelzeile
Legende	Definiert ein Legendenfeld für jede einzelne Spur. Es können Schrift, Linie und Hintergrund konfiguriert werden.
Legende ausgeblendet	Dieser Style definiert das Aussehen einer Legende, die deaktiviert wurde. Zum Deaktivieren muss auf die Legende geklickt werden.
Icons	Im Bereich Icons können die Anzeige-Icons der Buttons definiert werden.

Report: Definiert das Aussehen des Report-Controls. Es wird ein BaseControl referenziert. Für den Report kann, wie im Grid, der Zeitbereich und die Icons konfiguriert werden.

Wizard: Definiert das Aussehen des Wizards. Das erste Attribut referenziert die Einstellungen des BaseControls.

Attribut	Beschreibung
Hintergrundfarbe Buttonleiste	Definiert die Hintergrundfarbe der Buttonleiste. Diese kann auch deaktiviert werden
Buttongröße(X)	Definiert die Buttonbreite
Buttongröße(Y)	Definiert die Buttonhöhe
Schritt aktiv	Definiert Einstellungen zur Schrift, Hintergrund und Rahmen für den aktiven Schritt
Schritt abgeschlossen in Schrittgruppe	Definiert Einstellungen für den abgeschlossenen Schritt der aktuellen Schrittgruppe
Schritt abgeschlossen	Definiert Einstellungen für den abgeschlossene Schritte
Schritt inaktiv	Definiert Einstellungen für einen inaktiven Schritt
Icons	Im Bereich Icons können die Anzeige-Icons der Buttons definiert werden.

Akkordeon: Definiert das Aussehen des Akkordeons. Das erste Attribut referenziert die Einstellungen des BaseControls.

Attribut	Beschreibung
Hintergrundfarbe	Definiert die Hintergrundfarbe Diese kann auch deaktiviert werden
Rahmen	Einstellungen über Linienbreite, -radius ,-typ und –farbe. Kann auch deaktiviert werden.
Titelzeile	Definiert Einstellungen zur Schrift, Hintergrund und Rahmen für die Titelzeile
Eintrag offen	Definiert Einstellungen für den offenen Eintrag des Akkordeons.
Eintrag geschlossen	Definiert Einstellungen für den offenen Eintrag des Akkordeons.
Icons	Im Bereich Icons können die Anzeige-Icons definiert werden.

System Dialoge

Als System Dialoge werden die Dialoge der Runtime wie Login-Dialog oder Touch Tastatur verstanden. In einem neuen Projekt ist schon für jeden Typ ein Default-Style angelegt. Dieser soll als Beispiel dienen und kann beliebig verändert oder durch kopieren als Basis für einen eigenen Style benutzt werden. Die Bedienung und Definition der System Dialoge ähnelt der, der komplexen Controls. Auch hier ist nur der Zustand Standard zu definieren. Der Login-Dialog, die Touch Tastatur, der Tooltip und die MessageBox sind genau einmal vorhanden, und können daher weder gelöscht noch neu erstellt werden.

Dialog: Der Dialog definiert Grundeinstellungen, die an andere Styles vererbt werden können, analog wie das BaseControl in den komplexen Controls. Ebenso kann im „Dialog“ auf die Attribut-Gruppen Button, TagDisplay, ComboBox und Checkbox von den einfachen Controls referenziert werden.

Attribut	Beschreibung
Schatten	Definiert einen Dialogschatten mit horizontaler- und vertikaler Verschiebung, Weichzeichner, Größe und Farbe.
Rahmen	Definiert einen rechteckigen Rahmen um den kompletten Dialog. Dies ist ein zusätzlicher Rahmen, welcher neben Außenbereich angegeben wird.
Schrift	Definiert Schriftart, -stil, -größe und –farbe für Standardtexte
Schriftschatten	Definiert Schriftschatten mit horizontaler- und vertikaler Verschiebung, Weichzeichner, Größe und Farbe.
Farbe Außenbereich	Definiert eine Farbe/Farbverlauf für den Außenbereich des Dialogs
Hintergrundfarbe	Definiert eine Farbe/Farbverlauf für den Hintergrund des Dialogs
Dialog	Definiert Titel-, Info- und Fehlerfarbe sowie Einstellungen zum Schließen-Button und Skalierung des Dialoges.

Touch-Eingabe: Der Dialog für die Touch-Eingabe erbt alle seine Grundeinstellungen vom Dialog.

Attribut	Beschreibung
Rahmen Eingabe	Einstellungen über Linienbreite, -radius ,-typ und –farbe.
Hintergrundfarbe Eingabe	Definiert die Hintergrundfarbe des Eingabefeldes
Schriftfarbe Eingabe	Definiert die Schriftfarbe des Eingabefeldes
Min-Max-Box	Zeigt den Wertebereich der Variable, Schriftgröße und Farbe lassen sich konfigurieren
Anzeigemodus	Definiert, den Titel des Dialoges. Es kann zwischen Leer, Tag-Name, Anzeigename oder Tag-Name und Anzeige oder Leer gewählt werden
Buttonleiste	Hier wird der Abstand und die Größe der Buttons definiert

Tooltip: Der Tooltip erscheint bei jedem Control, dass unter „Darstellung“ das Attribut Tooltip vergeben hat.

Attribut	Beschreibung
Schatten	Definiert einen Tooltip-Schatten mit horizontaler- und vertikaler Verschiebung, Weichzeichner, Größe und Farbe.
Rahmen	Einstellungen über Linienbreite, -radius ,-typ und –farbe.
Schrift	Definiert Schriftart, -stil, -größe und –farbe für Standardtexte
Schriftschatten	Definiert Schriftschatten mit horizontaler- und vertikaler Verschiebung, Weichzeichner, Größe und Farbe.
Hintergrundfarbe	Definiert eine Farbe/Farbverlauf für den Hintergrund des Tooltips
Abstand	Definiert den Abstand zwischen Rahmen und Text des Elementes. Dies vergrößert den Tooltip
Zeilenhöhe	Definiert die minimale Höhe eines Zeileneintrages

Meldungsbox: Die Meldungsbox erscheint, sobald eine Info, Alarm oder Meldung ausgelöst wurde.

Attribut	Beschreibung
Schatten	Definiert einen Meldungsboxschatten mit horizontaler- und vertikaler Verschiebung, Weichzeichner, Größe und Farbe.
Rahmen	Einstellungen über Linienbreite, -radius ,-typ und –farbe.
Schrift	Definiert Schriftart, -stil, -größe und –farbe für Standardtexte
Schriftschatten	Definiert Schriftschatten mit horizontaler- und vertikaler Verschiebung, Weichzeichner, Größe und Farbe.
Icons	Hier kann ein Schließen-, Quittieren- und Alle Quittieren-Button konfiguriert werden. Es kann über die Größe, das Icon und dessen Farbe gewählt werden.
Hintergrundfarben	Definiert eine Farbe für den Hintergrund der Meldungsbox,
	Hier wird passend zur Meldungsart eine andere Farbe konfiguriert.

Scrollbar: Die Scrollbalken können projektübergreifend konfiguriert werden. Hier kann lediglich über die Farbe, Größe und Rundung konfiguriert werden.

Die Aktivitätsanzeige: Die Aktivtätsanzeige wird eingeblendet, solange das Projekt noch nicht fertig geladen ist. Es kann die Farbe und Hintergrundfarbe konfiguriert werden.

Toucheingabe Text: Die Toucheingabe ist die Tastatur die sich öffnet, wenn der Benutzer einen Text eingeben kann.

Attribut	Beschreibung
Rahmen Eingabe	Einstellungen über Linienbreite, -radius ,-typ und –farbe des Eingabebereichs
Hintergrundfarbe Eingabe	Definiert eine Farbe/Farbverlauf für den Hintergrund des Eingabebereichs
Schriftfarbe Eingabe	Definiert Schriftart, -stil, -größe und –farbe für den eingegebenen Text
Min-Max-Box	Definiert Schriftfarbe und -größe der angezeigten Min-Max/Werte sofern diese bei der zu erfassenden Variablen hinterlegt sind
Anzeigemodus	Definiert ob der TagName oder der Anzeigename angezeigt wird
Button Leiste	Definiert die Größe und den Abstand der Buttons zueinander

Weitere System-Dialoge: Es können ebenso System-Dialoge konfiguriert werden, die vom Base-Dialog erben. Hierbei handelt es sich unter anderem um die Benutzerverwaltung, den Sprachauswahldialog, den Bildauswahldialog und den Systeminfodialog oder den Teachdialog. Den Dialog selbst gibt es in verschiedenen Ausprägungen: Bestätigung OK-Button, Bestätigung mit Ja/Nein-Buttons, Eingabeaufforderung mit Pflicheingabefeld und OK-Button, Kommentar mit optionalem Eingabefeld und OK-Button

Verwendung des Style-Guides

Die Elemente des Style-Guide können in der Bildmontage verwendet werden. Wird ein benutzter Style verändert, so werden auch alle Elemente geändert die diesen Style referenzieren.