Formulartitel-Komponente title-input-adaptive-forms-core-component
In einem adaptiven Formular bezieht sich ein „Titel“ auf den Text, der oben im Formular angezeigt wird, normalerweise unter der Kopfzeile. Der Titel wird mithilfe der Titelkomponente spezifiziert. Diese Komponente kann zum Formular-Layout hinzugefügt werden und ihr Text kann entsprechend dem Zweck oder Thema des Formulars bearbeitet werden. Der Titel dient Benutzenden als Bezeichnung kurze Beschreibung des Formulars und erleichtert die Unterscheidung des Formulars von anderen.
Beispiel
Verwendung reasons-to-use-title-in-an-adaptive-form
Es gibt mehrere Gründe, warum es sich empfiehlt, einen Titel in einem Formular zu verwenden:
-
Klarheit: Ein Titel identifiziert den Zweck des Formulars, was Benutzenden hilft zu verstehen, welche Informationen sie bereitstellen müssen.
-
Ordnung: Mit einem Titel können Formulare nach Thema oder Zweck gruppiert werden, wodurch Benutzer das benötigte Formular leichter finden können.
-
Barrierefreiheit: Ein Titel ist ein Schlüsselelement für Benutzende mit Behinderung, da er von Sprachausgabeprogrammen laut vorgelesen wird, sodass Benutzende den Kontext des Formulars verstehen können.
-
Branding: Ein Titel kann auch verwendet werden, um den Namen eines Unternehmens oder einer Organisation anzuzeigen, wodurch ein Gefühl von Vertrauen und Vertrautheit bei den Benutzenden geschaffen werden kann.
-
Navigation: Ein Titel kann auch für die Navigation durch das Formular nützlich sein, insbesondere wenn das Formular lang oder komplex ist.
-
Suchmaschinen-Optimierung (SEO): Ein Titel im Formular hilft auch bei der SEO, da Suchmaschinen anhand des Titels die Relevanz einer Web-Seite für eine Suchabfrage ermitteln.
Insgesamt ist der Titel eines Formulars ein wichtiger Aspekt des Benutzererlebnisses und sollte verwendet werden, um eine klare und knappe Beschriftung für das Formular bereitzustellen, mit der Benutzende den Kontext und den Zweck des Formulars verstehen können.
Version und Kompatibilität version-and-compatibility
Die Kernkomponente "Adaptive Forms-Titel"wurde im Februar 2023 als Teil der Kernkomponenten 2.0.4 für Cloud Service und Kernkomponenten 1.1.12 für AEM 6.5.16.0 Forms oder höher veröffentlicht. Hier finden Sie eine Tabelle mit allen unterstützten Versionen, AEM-Kompatibilität und Links zur entsprechenden Dokumentation:
Version 2.0.4 und höher
Version 1.1.12 und höher (aber nur bis Version 2.0.0).
Informationen zu Versionen und Freigaben der Kernkomponente finden Sie im Dokument Kernkomponenten-Versionen.
Technische Details technical-details
Die neuesten Informationen zur Kernkomponente „Titel“ für adaptive Formulare finden Sie in der technischen Dokumentation auf GitHub. Weitere Informationen zur Entwicklung von Kernkomponenten finden Sie in der Entwicklerdokumentation für Kernkomponenten.
Dialogfeld „Konfigurieren“ configure-dialog
Im Dialogfeld „Konfigurieren“ können Sie den Titel einfach anpassen. Sie können auch Optionen für Titel definieren, um das Benutzererlebnis zu verbessern.
Im Dialogfeld „Bearbeiten“ kann der Inhaltsautor bzw. die Inhaltsautorin den Titeltext definieren sowie die Überschriftenebene auswählen.
-
Titel: Mit dem Titel können Sie eine Komponente in einem Formular leicht identifizieren. Standardmäßig wird der Titel oberhalb der Komponente angezeigt. Wenn Sie keinen Titel hinzufügen, wird der Name der Komponente anstelle des Titeltexts angezeigt.
-
Typ/Größe – Definiert die Überschriftenebene des Titels.
-
ID – Diese Option dient zur Kontrolle der eindeutigen Kennung der Komponente in der HTML-Datei und in 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
Die Registerkarte „Design“ wird verwendet, um CSS-Stile für die Formulartitel-Komponente zu definieren und zu verwalten.
Titel
Auf der Registerkarte „Titel“ können Vorlagenautoren und -autorinnen standardmäßige und zulässige HTML-Überschriftenelemente für Formularautoren und -autorinnen festlegen:
-
Zulässige Überschriftenelemente: Eine Liste mit mehreren Optionen, über die der Vorlagenautor bzw. die Vorlagenautorin auswählen kann, welche Überschriftenelemente der Formularautor bzw. die Formularautorin für den Titel verwenden kann.
-
Standardmäßiges Überschriftenelement: Eine Dropdown-Liste, die das standardmäßige Überschriftenelement für die Titelkomponente festlegt.
Registerkarte „Stile“ styles-tab
Sie können die Registerkarte zum Definieren und Verwalten von CSS-Stilen für eine Komponente verwenden. Die Kernkomponente „Datumsauswahl“ in adaptiven Formularen unterstützt das Stilsystem von AEM.
-
Standard-CSS-Klassen: Sie können eine standardmäßige CSS-Klasse für die Kernkomponente „Titel“ für adaptive Formulare bereitstellen.
-
Zulässige Stile: Sie können Stile definieren, indem Sie den Namen und die CSS-Klasse für den Stil angeben. Sie können beispielsweise einen Stil mit dem Namen „Fettschrift“ erstellen und die CSS-Klasse „Schriftbreite: Fett“ bereitstellen. Sie können diese Stile bei einem adaptiven Formular im adaptiven Formular-Editor anwenden. Um einen Stil anzuwenden, wählen Sie im Editor für adaptive Formulare die Komponente aus, auf die Sie den Stil anwenden möchten, navigieren Sie zum Eigenschaften-Dialog und wählen Sie den gewünschten Stil aus der Dropdown-Liste Stile. Wenn Sie die Stile aktualisieren oder ändern müssen, kehren Sie einfach zum Dialogfeld „Design“ zurück, aktualisieren die Stile auf der Registerkarte „Stile“ und speichern die Änderungen.
Registerkarte „Formate“ format-tab
Auf der Registerkarte „Formate“ können Sie standardmäßige und benutzerdefinierte Datumsformate angeben.
Ähnliche Artikel related-articles
Siehe auch see-also
- Erstellen eines adaptiven AEM-Formulars
- Hinzufügen eines adaptiven AEM-Formulars zu einer AEM Sites-Seite
- Anwenden von Designs auf ein adaptives AEM-Formular
- Hinzufügen von Komponenten zu adaptiven AEM-Formularen
- Verwenden von reCAPTCHA in einem adaptiven AEM-Formular
- Generieren der PDF-Version (DoR) eines adaptiven AEM-Formulars
- Übersetzen eines adaptiven AEM-Formulars
- Aktivieren von Adobe Analytics für ein adaptives Formular, um die Formularnutzung zu verfolgen
- Verbinden eines adaptiven Formulars mit Microsoft SharePoint
- Verbinden eines adaptiven Formulars mit Microsoft Power Automate
- Verbinden eines adaptiven Formulars mit Microsoft OneDrive
- Verbinden eines adaptiven Formulars mit Microsoft Azure Blob Storage
- Verbinden eines adaptiven Formulars mit Salesforce
- Verwenden von Adobe Sign in einem adaptiven AEM-Formular
- Hinzufügen eines neuen Gebietsschemas für ein adaptives Formular
- Senden von Daten adaptiver Formulare an eine Datenbank
- Senden von Daten adaptiver Formulare an einen REST-Endpunkt
- Senden von Daten adaptiver Formulare an einen AEM-Workflow
- Verwenden von Forms Portal zur Auflistung von adaptiven AEM-Formularen auf einer AEM-Website