Widgets zum Bildschirm hinzufügen
Um Ihren Bildschirm mit UI-Elementen wie Textfeldern, Diagrammen oder Aktionsschaltflächen zu füllen, verwenden Sie das Widget oder das Widgetgruppen-Panel auf der linken Seite. Wählen Sie zuerst die OpenUI5-Version aus.
Über den Filter werden nur die kompatiblen Widgets angezeigt, die mit der gespeicherten UI5-Version der Anwendung übereinstimmen.
Suchen Sie nach einem bestimmten Widget oder einer Widgetgruppe anhand des Namens oder durchsuchen Sie einfach die Liste und fügen Sie sie dann über das Pluszeichen hinzu oder ziehen Sie sie per Drag Drop in die Struktur oder die Vorschau. Das Widget oder die Widgetgruppe wird im Content-Bereich des ausgewählten Bildschirms angezeigt.
Widgets in der richtigen Reihenfolge sortieren
Verwenden Sie die Pfeiltasten, um die Widgets in der Bildschirm-Content-Struktur in einer Hierarchie zu strukturieren. Alternativ können Sie WASD auf Ihrer Tastatur verwenden oder die Widgets oder Widgetgruppen per Drag Drop verschieben.
Sie können auch die Pfeiltasten verwenden, um die Widgets in der Bildschirm-Content-Struktur in einer Hierarchie zu strukturieren, oder alternativ WASD auf Ihrer Tastatur verwenden (das Widget muss ausgewählt sein).
Mit den Pfeiltasten auf Ihrer Tastatur können Sie wie folgt durch die Bildschirm-Content-Struktur navigieren:
| Nach oben ↑ | Navigiert nach oben |
| Nach unten ↓ | Navigiert nach unten |
| Rechts → | Öffnet das aktuell ausgewählte Strukturelement (falls möglich) |
| Links ← | Schließt das aktuell ausgewählte Strukturelement (falls möglich) |
Widgets innerhalb des Screen Contents kopieren
| Sie können Widgets kopieren und auf einem anderen Bildschirm oder sogar in einer anderen Anwendung einfügen. Verwenden Sie dazu die Funktionen Kopieren, Ausschneiden und Einfügen. |
Widget-Eigenschaften bearbeiten
Jedes Widget verfügt über Eigenschaften, mit denen konfiguriert wird, wie sich das Widget verhält. Im folgenden Beispiel werden die Eigenschaften eines Button-Widgets gezeigt.
| Jedes Widget verfügt über Eigenschaften, mit denen konfiguriert wird, wie sich das Widget verhält.
Links sehen Sie ein Beispiel für die Eigenschaften eines Button-Widgets.
|
Icon-Explorer
| Verwenden Sie den Icon-Explorer, um Widgets, die ein Bild oder ein Icon als Eigenschaft haben, Icons hinzuzufügen. | |
| Sie können auch eine Schriftart zu einer Anwendung hinzufügen, die Icons enthält, die im Icon-Explorer verwendet werden sollen. Bilder, die unter Assets hochgeladen wurden, können ebenfalls ausgewählt werden. |
Client-Validierung von Standardeigenschaften
Der Datentyp von Standardeigenschaften in Anwendungselementen kann jetzt überschrieben werden, es können jedoch nur Domänentypen mit demselben Basistyp verwendet werden.
| Sie finden die Einstellungen im Eigenschaften-Panel des UI Designers. Die Schaltfläche öffnet ein Popover, in dem Sie den Datentyp und das Validierungsereignis definieren können. Wenn die Validierung aktiviert ist (Kontrollkästchen), wird eine Anzeige angezeigt. Sie können valueState und valueStateText als Ergebnis ändern.
In diesem Beispiel wollten wir sicherstellen, dass das Eingabefeld mit den korrekten Daten, einer E-Mail-Adresse, gefüllt wird. Daher haben wir die Validierung für den vordefinierten Datentyp “E-Mail” beim Änderungsereignis hinzugefügt. |













