...
Falls es für dieses View-Element eine Datensatzvorlage gibt, wird zusätzlich auch noch ein Hinweistext mit der Aktion "einen neuen Datensatz erstellen" dargestellt. Nach Auswahl dieser Aktion wird ein neues Modal dargestellt, welches die Felder der Vorlage darstellt und nach dem Speichern das Element und den Quelldatensatz für dieses Element anlegt.
Element bearbeiten
"Element bearbeiten" wird im Kontextmenü des Elements als Aktion dargestellt und öffnet beim Ausführen einen neuen Tab zum Bearbeiten des Elements.
"Datensatz bearbeiten" wird im Kontextmenü des Elements als Aktion dargestellt und öffnet beim Ausführen einen neuen Tab zum Bearbeiten des Datensatzes mit der ID des Felds Quelle.
Vorschauarten
In der Toolbar werden verschiedene Vorschaumöglichkeiten dargestellt. Wenn mehrere verfügbar sind, werden dieses in dem Dropdown "Druck" zusammengefasst.
Vorschau
Das generierte HTML wird mit dem Styling aus dem Theme in einem neuen Browsertab dargestellt. Diese Ansicht dient als Vorschau für das Element und kann in verschiedenen Browser kleine Unterschiede aufweisen.
Prefligt-Ansicht
Die Preflight-Ansicht dient dazu, ein einheitliches Ergebnis zu generieren. Hierbei wird das HTML über den Server verarbeitet und weist damit keine Browser-Unterschiede beim Verteilen der Inhalte auf mehrere Seiten mehr auf. Diese Ansicht dient damit als Vorschau für die Verteilung der Elemente.
Technisch wird das HTML hier an einen Headless Chrome via Puppeteer übergeben.
Druck PDF
Bei der Aktion "Druck PDF" wird das HTML serverseitig zu einem PDF umgewandelt und zum Download angeboten.
Technisch wird das HTML an Puppeteer übergeben um Seitenumbrüche und ähnliches und verarbeiten und das Ergebnis ohne Javascript mit PdfReactor zu einem PDF umgewandelt.
Vorschau PDF
Hier wird zuerst ein Druck-PDF erstellt und nachträglich mit der PdfToolbox zu einem Vorschau-PDF konvertiert.
Elemente strukturieren / verschieben
Element im Designer können via Drag&Drop verschoben und ineinander geschachtelt werden. Je nach der Konfiguration des Elements kann nicht jedes Element in jedes andere Element verschoben werden. Spalten zum Beispiel können nur in Container verschoben werden.