Renderings
Mit Eingabemaske rendern
Rendern von Dokumenten mit Eingabemasken zur interaktiven Datenerfassung
Die Eingabemasken (Use Form) hier ermöglichen die interaktive Datenerfassung über ein Web-Formular, das direkt mit einer Vorlage verknüpft ist. Sie füllen das Formular aus, und Output.Rocks rendert automatisch das zugehörige Dokument mit den eingegebenen Daten.
Eine detaillierte Einführung in die Konfiguration und Verwendung von Eingabemasken finden Sie unter Eingabemasken für manuelle Dokumentenerstellung.
Diese Seite zeigt eine Liste aller Elemente, und darüber diverse Aktionen, die du ausführen kannst:
Springe zu:
Eingabemasken-Liste
Die Tabelle zeigt alle konfigurierten Eingabemasken mit ihrer zugehörigen Vorlage, Beschreibung und Kommentar. Über die Action-Spalte können Sie direkt einen Rendering-Request mit der Eingabemaske erstellen.
ID, Vorlage-Identifier, Beschreibung, Kommentar, Action
ID | Vorlage-Identifier | Beschreibung | Kommentar | Action | Aktionen |
|---|---|---|---|---|---|
| 34 | masken-template | Beschreibung der Masken-Vorlage | Null | Erstellen |
ID
Eindeutige Nummer zur internen Identifikation der Eingabemaske.
Vorlage-Identifier
Verknüpfung zur zugehörigen Dokument-Vorlage. Die Eingabemaske schreibt die aufgenommenen Daten in die Vorlage und rendert sie.
Beschreibung
Kurze Beschreibung der Eingabemaske zur schnellen Einordnung im Backend.
Kommentar
Optionaler Kommentar für interne Notizen oder Hinweise zur Eingabemaske.
Action
Button zum direkten Erstellen eines Rendering-Requests mit dieser Eingabemaske. Öffnet das Formular zur Datenerfassung.
Die Eingabemaske wird automatisch aus der Formular-Konfiguration der verknüpften Vorlage generiert. Details zur Formular-Konfiguration finden Sie unter Eingabemasken.
Filter
- Filtern öffnet das Modal mit Suchkriterien wie Vorlage-Identifier, Beschreibung oder Kommentar.
- Zurücksetzen setzt alle Kriterien zurück und schließt das Modal.
- Anwenden übernimmt die Auswahl, aktualisiert die Tabelle sofort und schließt den Dialog.
Das Filter-Modal übernimmt die Standard-Iconographie aus dem Backend (fa-filter, fa-close, fa-check) und zeigt den aktuellen Status in der Titelleiste.
Funktionsweise
Eingabemasken verbinden Web-Formulare mit Dokument-Vorlagen:
- Formular-Konfiguration: Die Vorlage enthält eine JSON-Konfiguration, die die Formularfelder definiert (siehe Eingabemasken).
- Rendering-Request erstellen: Über den Erstellen-Button in der Action-Spalte wird ein neuer Rendering-Request mit der Eingabemaske gestartet.
- Datenerfassung: Der Benutzer füllt das Formular aus, das automatisch aus der Vorlagen-Konfiguration generiert wird.
- Dokument-Rendering: Nach dem Absenden werden die Formulardaten als JSON-Payload verwendet, um das Dokument zu rendern.
Eingabemaske im Einsatz
Nach dem Klick auf Erstellen in der Action-Spalte öffnet sich die Eingabemaske zur Datenerfassung. Die Struktur wird vollständig aus der Formular-Konfiguration der Vorlage generiert.
Tab-Struktur
Die Eingabemaske ist in mehrere Tabs unterteilt, die verschiedene Bereiche des Formulars organisieren. Jeder Tab kann mehrere Cards (Gruppierungen) enthalten, die thematisch zusammengehörige Felder bündeln.
Card: Fall Information
Unterstützte Feldtypen
Die Eingabemaske unterstützt verschiedene Feldtypen, die in der Formular-Konfiguration definiert werden:
- Textfelder: Einzeilige Texteingabe (z.B. Fallnummer, Name)
- Textarea: Mehrzeilige Texteingabe (z.B. Begründungen, Kommentare)
- Checkbox: Boolean-Auswahl (z.B. "Verdikt: Wird dem Antrag stattgegeben?")
- Select/Dropdown: Auswahl aus vordefinierten Optionen (z.B. Regularien, Schweregrade)
- Datepicker: Datumsauswahl mit Kalender-Icon (z.B. Bearbeitungsdatum)
Alle Feldtypen können mit Pflichtfeld-Markierung (*), Placeholder-Text, Hilfetext und Validierungen konfiguriert werden. Die spezifischen Felder werden in der Formular-Konfiguration der Vorlage definiert.
Alert-Boxen
Innerhalb der Tabs können Alert-Boxen platziert werden, um wichtige Hinweise hervorzuheben:
- Warning (Gelb): Wichtige Hinweise, die beachtet werden sollten
- Info (Blau): Zusätzliche Informationen zur Verwendung
- Danger (Rot): Kritische Warnungen, z.B. Datenschutz-Hinweise
Vorschau nach "Erstelle Dokument"
Nach dem Ausfüllen des Formulars und Klick auf Erstelle Dokument wird das Dokument gerendert und in einer Vorschau angezeigt. Die Vorschau ist in zwei Tabs unterteilt:
- Dokumente: Zeigt alle gerenderten PDF-Dokumente mit Accordion-Struktur zur Vorschau
- E-Mails: Zeigt alle gerenderten E-Mails inklusive Anhänge
Vorschau
Dokumente
E-Mails
Die Vorschau ermöglicht es, das gerenderte Dokument sofort zu überprüfen, bevor es weiterverarbeitet oder versendet wird. Bei Bedarf können Sie das Formular anpassen und erneut rendern.
Verwandte Bereiche
- Eingabemasken – Konfiguration der Formularfelder in Vorlagen
- Vorlagen – Dokument-Vorlagen, die mit Eingabemasken verknüpft werden können
- Requests – Übersicht über alle Rendering-Requests inklusive Use-Form-Requests