Erscheinungsbild
Komponenten & Templates
In der linken Sidebar finden Sie alle verfügbaren Komponenten und Templates. Über die Reiter wechseln Sie zwischen den beiden Ansichten.
Komponenten-Ansicht
Eine Liste aller verfügbaren Komponenten. Diese können Sie per Drag-and-Drop in die Landefläche zur View hinzufügen.
Container und Children
Komponenten lassen sich nur in einen Container hineinziehen. Container sind beispielsweise eine View, eine Flex-Box, eine VBox oder ein Panel. Ein Drop auf einer Nicht-Container-Komponente wird abgewiesen.
Kategorien
Die Komponenten sind thematisch gruppiert:
| Kategorie | Beispiele |
|---|---|
| Eingabe | Input, TextArea, ComboBox, CheckBox, RadioButton, Switch, StepInput, TimePicker, FileUploader |
| Anzeige | Label, Title, Text, Link, Icon, Image, MessageStrip, ObjectStatus, ObjectIdentifier, ProgressIndicator, GenericTag, InfoLabel |
| Interaktion | Button, SegmentedButton, BarcodeScannerButton, SignaturePad |
| Container | VBox, HBox, FlexBox, DynamicFlexBox, Panel, ScrollContainer, SimpleForm, IconTabBar |
| Listen & Tabellen | List, StandardListItem, Table, TableColumn, ColumnListItem, UITable, UITableColumn |
| Tiles | GenericTile, GenericTileImage, GenericTileFeedContent, NumericContent, NewsContent, ImageContent |
Template-Ansicht
Eine Liste aller verfügbaren Templates. Ein Template ist eine Vorlage – etwa eine View oder eine Komponentengruppe –, die bereits von Ihnen oder Kollegen erzeugt wurde. Wiederverwendbare Muster sparen Zeit und sorgen für konsistente Bedienkonzepte über mehrere Apps hinweg.
Ein Klick auf das Wolken-Symbol lädt das Template und ersetzt den Inhalt der Landefläche.
Template löschen
Mit einem Klick auf das Lösch-Symbol entfernen Sie ein Template. Es landet im Papierkorb und ist von dort wiederherstellbar.
Papierkorb / Wiederherstellen
Über das Papierkorb-Symbol öffnen Sie die Liste gelöschter Templates und können sie wiederherstellen.
Template erstellen
Wie Sie eigene Templates speichern, lesen Sie unter Meta-Funktionen → Template speichern.
Nächste Schritte
- Landefläche & Vorschau – Arbeitsfläche, auf die Komponenten gezogen werden
- Eigenschaften-Panel – platzierte Komponenten konfigurieren