Formularoptionen-Komponente form-options-component
Die Kernkomponente „Formularoptionen“ ermöglicht die Auswahl aus vordefinierten Optionen in verschiedenen Formaten.
Nutzung usage
Die Kernkomponente „Formularoptionen-Komponente“ ermöglicht die Übermittlung verschiedener Arten von Optionen, die auf vielerlei Arten präsentiert werden und die zusammen mit der Formular-Container-Komponente verwendet werden sollten.
Die Darstellung der Optionen, Beschriftungen und individuellen Optionen kann vom Inhaltseditor im Dialogfeld Konfigurieren definiert werden.
Version und Kompatibilität version-and-compatibility
Die aktuelle Version der Formularoptionen-Komponente ist v2, die mit Version 2.0.0 der Kernkomponenten im Januar 2018 eingeführt wurde und in diesem Dokument beschrieben wird.
Die folgende Tabelle enthält alle unterstützten Versionen der Komponente, die AEM-Versionen, mit denen die Versionen der Komponente kompatibel sind, sowie Links zur Dokumentation für frühere Versionen.
Weitere Informationen zu Kernkomponentenversionen und -freigaben finden Sie im Dokument Kernkomponentenversionen.
Musterkomponentenausgabe sample-component-output
Um die Formularoptionen-Komponente kennenzulernen und Beispiele für die Konfigurationsoptionen sowie HTML- und JSON-Ausgaben anzuzeigen, besuchen Sie die Komponentenbibliothek.
Technische Details technical-details
Die neueste technische Dokumentation zur Formularoptionen-Komponente finden Sie auf GitHub.
Weitere Informationen zur Entwicklung von Kernkomponenten finden Sie in der Dokumentation zu Kernkomponenten für Entwickler.
Dialogfeld „Konfigurieren“ configure-dialog
Im Dialogfeld „Konfigurieren“ kann der Inhaltsautor den Typ der Optionen festlegen, die angezeigt werden sollen, Beschriftungen definieren und festlegen, welche Optionen verfügbar sind.
-
Typ - Wie die Optionen angezeigt werden
- Kontrollkästchen
- Optionsfelder
- Dropdown
- Dropdown für mehrere Auswahlen
-
Titel - Der Titel, der als Beschriftung für die Optionen angezeigt wird
-
Name - Der Name des mit den Formulardaten gesendeten Felds
-
Quelle - Wo die Optionen definiert sind
-
Lokal - Definiert in der Komponente
-
Tippen oder klicken Sie auf die Schaltfläche Hinzufügen, um einen Wert hinzuzufügen, und auf Entfernen, um einen Wert zu entfernen.
- Wert - Der Wert, der gespeichert wird, wenn diese Option beim Senden des Formulars ausgewählt wird.
- Text - Die Bezeichnung für die Option, die im Formular angezeigt wird
- Aktiv - Die Option wird als ausgewählt markiert, wenn das Formular geladen wird
- Deaktiviert - Die Option ist nicht auswählbar, wird aber trotzdem angezeigt
-
-
Liste – Eine an anderer Stelle in AEM definierte statische Liste wird für die Option verwendet
- Liste - Der Pfad der statischen Liste in AEM
- Verwenden Sie die Schaltfläche „Durchsuchen“, um die Listenressource zu finden.
- Liste - Der Pfad der statischen Liste in AEM
-
Datenquelle - Eine Datenquelle wird für die Optionen verwendet
- Datenquelle – Der Ressourcentyp der Datenquelle.
-
-
Hilfemeldung – Ein Hinweis für den Benutzer dahingehend, was im Feld eingegeben werden kann.
-
ID – Diese Option dient zur Kontrolle der eindeutigen Kennung der Komponente in der HTML-Datei und auf der Datenschicht.
- Wenn Sie das Feld leer lassen, wird automatisch eine eindeutige ID generiert, die Sie über die resultierende Seite finden.
- Sofern eine ID angegeben wird, ist vom Autor bzw. der Autorin sicherzustellen, dass diese eindeutig ist.
- Änderungen der ID können sich auf das CSS-, JS- und Datenschicht-Tracking auswirken.
Dialogfeld „Design“ design-dialog
Registerkarte „Arten“ styles-tab
Die Formularoptionen-Komponente unterstützt das AEM-Stilsystem.