Erscheinungsbild
Templates
Templates sind wiederverwendbare Vorlagen – ganze Applikationen, einzelne Views oder Komponentengruppen, die Sie als Startpunkt für neue Apps oder als Bausatz innerhalb einer App verwenden.
Wann sich Templates lohnen
| Anwendungsfall | Beispiel |
|---|---|
| Wiederkehrende Bedienkonzepte | Login-Maske, die in mehreren Apps gleich aussehen soll |
| Standard-Layouts | Header mit Logo + Titel + Menü-Button |
| Formular-Bausätze | Adresseingabe (Straße, PLZ, Ort) als Komponentengruppe |
| Modul-Bibliothek | Sammlung aller im Unternehmen genutzten Custom-Komponenten-Kombinationen |
Template anlegen
In der Kopfzeile des Designers Als Vorlage speichern:
| Auswahl | Was wird gesichert |
|---|---|
| View im App-Tree anwählen + Als Vorlage speichern | Die ganze View samt Inhalt |
| Komponente im View-Tree anwählen + Als Vorlage speichern | Nur diese Komponente mit Children |
Im Dialog vergeben Sie:
| Feld | Inhalt |
|---|---|
| Titel | Anzeigename in der Template-Liste |
| Beschreibung | Optionale Erläuterung für Kollegen |
Nach dem Speichern erscheint das Template in der Template-Ansicht der Sidebar – sichtbar für alle Designer-Anwender im Mandanten.
Template laden
In der Template-Ansicht der Sidebar klicken Sie auf das Wolken-Symbol eines Templates. Der Inhalt wird der geöffneten App hinzugefügt – bestehende Views und Komponenten bleiben unverändert:
| Template-Inhalt | Wirkung |
|---|---|
| View | wird als neue View an die App angehängt und direkt selektiert |
| Komponente | wird in den Inhaltsbereich der aktuell selektierten View eingefügt |
Vorher Ziel-View wählen
Ein Komponenten-Template landet in der selektierten View. Ist keine View selektiert, passiert nichts – wählen Sie die Ziel-View im App-Tree, bevor Sie das Template laden.
Template löschen
Mit dem Lösch-Symbol entfernen Sie ein Template aus der Liste. Es landet im Template-Papierkorb und kann von dort wiederhergestellt werden.
Backend-Klassen-Generierung
Die ABAP-Klasse einer View hat mit Templates nichts zu tun – sie entsteht im Reiter Bindung des Eigenschaften-Panels über drei Schaltflächen:
| Aktion | Zweck |
|---|---|
| Backend Klasse generieren | Legt die ABAP-Klasse zur View an |
| Verbindung zur Backend-Klasse prüfen | Verifiziert, dass die angegebene Klasse existiert und anbindbar ist |
| Backend Konstanten-Attribute generieren | Erzeugt die controlId-Konstanten der View in der Klasse |
Details siehe View an Klasse binden und Konstanten-Attribute.
Nächste Schritte
- Komponenten & Templates – Templates im Designer verwenden