Masken-Editor
Mit dem Maskeneditor im Webclient können Masken einfach und schnell bearbeitet werden. Sie benötigen entsprechende Administrationsrechte, um Masken bearbeiten zu dürfen.
C0-Masken müssen zuerst in der Admin-Konsole des Windows Clients übersteuert werden, damit sie im Masken-Editor bearbeitet werden können.
Editor starten
öffnen Sie das Kontextmenü auf der zu bearbeitenden Maske mit einem Rechtsklick auf die Entitäten-Überschrift und klicken Sie auf Masken-Editor
Alternativ drücken Sie die Tastenkombinationen STRG +ALT+ UMSCHALT ⇧+ M
oder wählen Sie im Hilfe-Menü Masken-Editor öffnen.
Beim Start wählen Sie, welche Maske Sie bearbeiten möchten:
![](../../../__attachments/10684433/image2021-9-29_14-15-45.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Geben Sie den Entitätsnamen ein und bestätigen Sie mit übernehmen.
Allgemeine Hinweise zur Bedienung
Überarbeitung erfolgt im Arbeitsbereich - Konfiguration im Panel rechts
Neue Komponenten werden unter Beachtung der Hierarchie per Drag and Drop hinzugefügt
Tabs müssen auf den Tabs-Headern abgelegt werden
Markierte Elemente auf der Maske können Sie löschen oder verschieben oder mit der darüber liegenden Komponente markieren
In der Baumansicht können Komponenten per Drag and Drop anders hierarchisch angeordnet werden.
Felder können gefiltert werden
Ein/Ausklappen der Komponenten in der Baumansicht ist möglich
Mehrauswahl von Komponenten und gleichzeitiges Bearbeiten ist ebenfalls möglich
Beim Verlassen erscheint ein Sicherheitsdialog, ob Änderungen gespeichert werden sollen
Aufbau
Wurde eine Maske gewählt kann sie nun überarbeitet werden.
![](../../../__attachments/10684433/image2021-9-29_14-19-28.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Abbildung einer Maske im Masken-Editor
Das Editor-Fenster kann man in folgende Bereiche aufteilen:
Schalterleiste
Device-Vorschau
Arbeitsbereich
Konfigurationsbereich
Masken importieren/exportieren
Maskendesigner können nun Flex-Masken aus dem Maskeneditor heraus als Datei zwischenspeichern, um auf diverse Zwischenstände zugreifen zu können und darüber hinaus Masken aus einem Sandbox-System in ein Entwicklungssystem zu übertragen.
Der Export bietet die Flexmaske als XML zum Speichern im Dateisystem des Clients an.
Der Import liest diese XML-Datei und ersetzt die aktuelle Maske im Editor.
Die importierte Maske muss explizit gespeichert werden, um Modulzugehörigkeit etc. sicher zu stellen
![](../../../__attachments/10684433/image2022-10-30_20-5-1.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
![](../../../__attachments/10684433/image2022-10-30_20-5-53.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Baumansicht
Unter Baumansicht kann die Hierarchie-Struktur eingesehen werden. Die Elemente können dann per Drag and Drop verschoben oder mit einem Klick auf das Auge-Symbol temporär ausgeblendet werden.
![](../../../__attachments/10684433/image2021-9-29_14-30-7.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Konfiguration
Unter Konfiguration werden Parameter für die Masken-Komponenten hinterlegt.
![](../../../__attachments/10684433/image2021-9-29_14-30-32.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponenten
Komponenten sind einzelne Maskenbestandteile, wie z.B. Container und Felder, mit welchen man eine Maske erstellt. Diese sind im Arbeitsbereich zu platzieren.
Für jede Komponente werden Layout-Eigenschaften konfiguriert.
![](../../../__attachments/10684433/image2021-9-29_14-30-56.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponenten suchen
Es ist möglich, Komponenten nach ID-Namen zu suchen. Wird in der Baumansicht der ID-Name eingegeben, so wird die Komponente auf der Maske und in der Baumansicht hervorgehoben.
![](../../../__attachments/10684433/FeldMaskeSuchenAnzeigenMaskenEditor.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Abbildung: Suchfunktion im Masken-Editor
2 3 4 Spalten
Spaltencontainer
![](../../../__attachments/10684433/image2022-10-30_18-57-10.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponententyp
Name
Vert.vergrößern - es wird der restlich vertikal vorhandene Platz im Elterncontainer genutzt
Umklappen - bestimmt, ob die Zeile bei kleinerer Auflösung umgebrochen werden soll (ja, nein)
Spalte
![](../../../__attachments/10684433/image2022-10-30_20-32-20.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponententyp
Name
Standardbreite
Maximalbreite - Innerhalb dieses Bereiches skaliert die Spalte analog ihrer Flex-Breite.
Wenn alle Spalten eine Maximalbreite besitzen und das Fenster größer als die Summe dieser wird, wird Whitespace generiert und das Layout darin zentriert. Die Spalten sind dabei zentriert und das White-Space gleichmäßig darum verteilt.
Wenn alle Spalten eine Standardbreite besitzen und das Fenster kleiner als die Summe dieser wird, so werden die Spalten umgebrochen (Flex-Wrap)Mindesthöhe
Abstand
Auswertung
![](../../../__attachments/10684433/image2022-10-30_19-8-3.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponententyp
Name
Report - zugrunde liegende Auswertung
Automatisch ausführen in (Manuell / in Sekunden)
Toolbar anzeigen
Vert.vergrößern
Mindesrhöhe (wenn Vert.vergrößern aktiviert)
Box
Simpler Container (Ersatz für frühere Panels)
![](../../../__attachments/10684433/image2022-10-30_19-10-59.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponententyp
Name
Rahmen anzeigen
Vert.vergrößern
Mindesthöhe
Abstand - innerer Abstand
Button
Schalter auf der Maske
![](../../../__attachments/10684433/image2022-10-30_19-28-58.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Der Button muss einer bestehende Feldgruppe hinzugefügt werden
Komponententyp
Name
Text - Tooltip
Horiz. auffüllen
Icon
Standardbreite
Höhe
Abstand - Abstand nach außen zu anderen Komponenten
Textausrichtung
Colapsible
ausklappbares Panel
![](../../../__attachments/10684433/image2022-10-30_19-23-17.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponententyp
Name
Text
initial zugeklappt
Vert. vergrößern
Maximierbar
Feldgruppe
![](../../../__attachments/10684433/image2022-10-30_19-15-29.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponente für Container für Labels, Buttons und Felder.
Aus der Komponentenliste hinzugefügte Felder sind bereits in einer Feldgruppe und können nicht noch einer bestehenden Feldgruppe hinzugefügt werden.
Komponententyp
Name
Umklappen (ja,nein)
Abstand - interner Abstand (Padding)
Infobaord
![](../../../__attachments/10684433/image2022-10-30_19-40-27.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponententyp
Name
Systemstandard - Als "Systemstandard" im Masken-Editor markierte Boards können von Anwendern auf den Entitätsmasken nicht editiert werden. Das Aufrufen der Boardverwaltung wird dadurch unterbunden.
Vert. vergrößern
Infobard - startet den Board-Konfigurator
Mindesthöhe
Abstand
Karte
Karten sind Container mit einem vorgefertigten Design. Eine Karte erhält also einen (fast)-weißen Hintergrund und einen leichten Schatten.
![](../../../__attachments/10684433/image2022-10-30_19-20-36.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponententyp
Name
Vert. vergrößern
Abstand entfernen
Maximierbar
Mindesthöhe
Abstand
Weitere Eigenschaften einer Karte und ihre Verwendung mit anderen Komponenten:
Ein TabbedPane ist als zentrales Element in der UI zu verwenden
Das Pane wird als Karte dargestellt; erhält genau so einen (fast)-weißen Hintergrund und einen Schatten
Weitere darauf platzierte TabbedPanes, Boxen, Collapsibles, Spaltenlayouts usw. werden nicht als Karten dargestellt
→ Keine Cards in Cards!
Es können mehrere Karten in der UI neben-/untereinander verwenden werden
Auf diesen Cards können wiederum TabbedPanes, Boxen, Collapsibles verwendet werden
Diese untergeordneten Komponenten werden nicht mehr als Cards dargestellt
→ Keine Cards in Cards!
Die Cards werden in Spaltenlayouts organisiert
Wenn ein TabbedPane direkt auf dem Hintergrund oder in einem Spaltenlayout platziert wird, wird dieses Pane als Karte dargestellt
TabbedPanes, die sich in einem anderen TabbedPane oder einer Karte befinden, werden nicht mehr selber als Card dargestellt
Dabei gelten folgende Regeln für die entsprechenden Komponenten:
Collapsibles haben 2 Styles:
Ohne Rahmen: Dann liegen sie ohne Margin an den Rändern der Karte (und auch von TabbedPanes) an
Mit Rahmen: Dann liegen sie mit Margin in der Karte (und im TabbedPane), damit ein erkennbarer Abstand zwischen Karte und Rahmen existiert
TabbedPanes haben 2 Styles:
Ohne Rahmen: Dann liegen sie ohne Margin an den Rändern der Karte (und auch von weiteren Eltern-Tabs und Collapsibles) an
Mit Rahmen: Dann gibt es ein Margin, damit der Rahmen in der Karte sichtbar ist
Infoboards und Webviews liegen ohne Margin an den Rändern der Karte an
Gleiche Defaults bei de-/aktiviertem Rahmen wie oben
Label
Feldbeschreibung
![](../../../__attachments/10684433/image2022-10-30_18-52-24.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponententyp
Name
Text (Tooltip)
Horiz. auffüllen
Text umbrechen
Icon
Standardbreite
Höhe
Abstand
Textausrichtung
Maskendesigner kann das zugehörige Label zu einem auf der Maske platzierten und vorher markierten Feld generieren lassen. Es wird dabei innerhalb derselben Feldgruppe vor dem entsprechenden Feld platziert. Das Label wird nur dann generiert, wenn das Feld, für das es generiert werden soll, nicht bereits das zugehörige Label im Editor besitzt.
Beim Drücken des Buttons wird geprüft wird, ob genau ein Feld ausgewählt ist. Sind mehrere Felder gleichzeitig platziert, wird eine Hinweismeldung angezeigt, dass die Funktion nur verfügbar ist, wenn genau ein Feld ausgewählt ist.
Tab
Einzelner Tab
![](../../../__attachments/10684433/image2022-10-30_19-37-20.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Ein Tab muss einer bestehenden Tabgruppe hinzugefügt werden.
Komponententyp
Abstand
Tabgruppe
Ein Sammler für mehrere Tabs
![](../../../__attachments/10684433/image2022-10-30_19-26-43.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponententyp
Name
Vert. vergrößern
Tabs
Maximierbar
Mindesthöhe
Webview
Einbettung von Webseiten
![](../../../__attachments/10684433/image2022-10-30_19-45-37.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Komponententyp
Name
URL
Login Token verwenden - relevant für Seiten, wo Anmeldung notwendig ist
Rahmen anzeigen
Vert. vergößern
Mindesthöhe - (wenn Vert.vergrößern aktiviert)
Höhe - (wenn Vert.vergrößern deaktiviert)
Abstand
Felder
Felder befinden sich beim Hinzufügen bereits in einer Feldgruppe und können direkt auf der Maske platziert werden. Felder können in andere Feldgruppen verschoben werden, allerdings nicht in andere Container.
Name - interner Name, der nicht geändert werden kann.
Max width
Flex basis - vorgeschlagene Mindest-Breite. Bei kleineren Auflösungen wird innerhalb der Feldgruppe umgebrochen
Margin
Besonderheit: Editor-Feld
Wenn 'Vert. vergrößern' aktiv ist, werden die Layout-Eigenschaften (Height und Flex basis) übersteuert.
Felder filtern
In der Komponentenansicht können verfügbare Felder nach Namen oder Teilnamen gefiltert werden, um so schneller auf das gewünschte Feld zugreifen und die Maskengestaltung vereinfachen zu können.
![](../../../__attachments/10684433/FelderFilternMaskenEditor.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Vorlagen
![](../../../__attachments/10684433/image2022-5-11_14-3-54.png?inst-v=01ce9f95-f40d-424e-a7da-0f3a4bad5824)
Zur Verfügung stehen auch vorgefertige Layouts oder Layoutkomponenten. Diese sollen die Maskengestaltung vereinfachen.
Es gibt folgende Vorlagen:
Komponentenkombination: Karte + Collapsible (Collapsible-Karte)
Dreispaltiges Hedaer-Layout
Zweispaltiges Layout
Diese Vorlagen sind nicht konfigurierbar und bleiben immer gleich.