Kontrollkästchen-Komponente checkbox-component
Ein Kontrollkästchen ist ein grafisches Element der Benutzeroberfläche, das häufig in Software-Anwendungen und Formularen verwendet wird, um Benutzenden die Möglichkeit zu geben, zwischen zwei Optionen eine binäre Auswahl zu treffen: Häkchen (aktiviert) oder kein Häkchen (deaktiviert).
Ein Kontrollkästchen wird in der Regel als kleines Quadrat dargestellt, das durch Klicken oder Tippen aktiviert bzw. deaktiviert werden kann. Wenn ein Kontrollkästchen aktiviert ist, zeigt ein Häkchen an, dass die zugehörige Option oder Funktion ausgewählt ist.
Beispiel
Verwendung reasons-to-use-checkbox
Die häufigsten Gründe für die Verwendung von Kontrollkästchen in einem adaptiven Formular sind:
-
Benutzerfreundlichkeit: Kontrollkästchen sind visuell klar und bieten eine einfache Möglichkeit, binäre Entscheidungen zu treffen. Sie sind intuitiv und leicht zu verstehen und somit benutzerfreundlich.
-
Einverständnis und Zustimmung: Kontrollkästchen werden verwendet, um die Zustimmung von Benutzenden zu verschiedenen Zwecken einzuholen, z. B. zur Annahme von Nutzungsbedingungen, zum Abonnieren von Newslettern oder zur Bestätigung der Altersüberprüfung. Sie machen deutlich, dass Benutzende einer Sache aktiv zustimmen.
-
Visuelle Bestätigung: Aktivierte Kontrollkästchen bieten Benutzenden eine visuelle Bestätigung, dass ihre Auswahl aufgezeichnet wurde. Dieses Feedback hilft, Benutzerfehler zu vermeiden, und informiert die Benutzenden darüber, dass ihre Auswahl registriert wurde.
-
Fehlervermeidung: Kontrollkästchen reduzieren die Fehlerwahrscheinlichkeit, indem sie es den Benutzenden ermöglichen, ihre Auswahl vor der Formularübermittlung zu überprüfen und zu bestätigen.
Version und Kompatibilität version-and-compatibility
Die Kontrollkästchen-Kernkomponente für adaptive Formulare wurde als Teil der Kernkomponenten 2.0.52 veröffentlicht. Hier finden Sie eine Tabelle mit allen unterstützten Versionen, AEM-Kompatibilität und Links zur entsprechenden Dokumentation:
Informationen zu Versionen und Freigaben der Kernkomponente finden Sie im Dokument Kernkomponenten-Versionen.
Technische Details technical-details
Aktuelle Informationen zur Kontrollkästchen-Kernkomponente 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 das Kontrollkästchen-Erlebnis für die Besucherinnen und Besucher einfach anpassen. Sie können auch einfache Kontrollkästchen-Optionen für ein nahtloses Benutzererlebnis definieren.
-
Name: Sie können eine Formularkomponente sowohl im Formular als auch im Regeleditor durch ihren eindeutigen Namen identifizieren. Der Name darf keine Leerzeichen oder Sonderzeichen enthalten.
-
Titel: Mit dem Titel können Sie eine Komponente in einem Formular leicht identifizieren. Standardmäßig wird der Titel neben der Komponente angezeigt. Wenn Sie keinen Titel hinzufügen, wird die Komponente nicht angezeigt.
-
Rich-Text für Titel zulassen: Diese Funktionen ermöglichen es Benutzenden, einfache Texttitel zu formatieren, die Funktionen wie fett, kursiv, unterstrichener Text, verschiedene Schriftarten, Schriftgrößen, Farben und zusätzliche Optionen enthalten und so die visuelle Darstellung und Anpassung zu verbessern. Sie bietet mehr Flexibilität und kreative Kontrolle bei der Hervorhebung von Titeln in Dokumenten, Websites oder Anwendungen.
Durch Aktivieren des Kontrollkästchens Rich-Text für Titel zulassen werden Formatierungsoptionen sichtbar, mit denen Sie den Titel der Komponente gestalten können. Um auf alle verfügbaren Formatierungsoptionen zuzugreifen, können Sie auf die Registerkarte klicken. -
Titel ausblenden: Wählen Sie die Option aus, um den Titel der Komponente auszublenden.
-
Bindungsreferenz: Eine Bindungsreferenz ist ein Verweis auf ein Datenelement, das in einer externen Datenquelle gespeichert ist und in einem Formular verwendet wird. Sie können mit dem Bindungsverweis Daten dynamisch an Formularfelder binden, sodass das Formular die aktuellsten Daten aus der Datenquelle anzeigen kann. Beispielsweise kann ein Bindungsverweis verwendet werden, um den Namen und die Adresse von Kundinnen und Kunden in einem Formular anzuzeigen, basierend auf der im Formular eingegebenen Kunden-ID. Der Bindungsverweis kann auch verwendet werden, um die Datenquelle mit den im Formular eingegebenen Daten zu aktualisieren. Auf diese Weise können Sie mit AEM Forms Formulare erstellen, die mit externen Datenquellen interagieren und so ein nahtloses Benutzererlebnis bei der Datenerfassung und -verwaltung bieten.
-
Als ungebundenes Formularelement markieren: Mit dieser Option können Sie Formularfelder konfigurieren, die mit keinem Schema verbunden sind. Mit dieser Option können Sie Daten speichern, ohne die Datenquelle zu aktualisieren. Außerdem können Sie damit Daten auf eine benutzerdefinierte Art und Weise verarbeiten, getrennt von der standardmäßigen Datenbankintegration.
-
Datentyp des gesendeten Werts: Diese Option gibt den Datentyp des Werts an, der bei Auswahl einer Option gesendet wird. Wenn der Datentyp des gesendeten Werts auf
Number
festgelegt ist und Sie auf der Registerkarte Optionen Zeichenfolgedaten zum Datenwert hinzufügen, wird auf dem Bildschirm die FehlermeldungValue type mismatch
angezeigt. -
Komponente ausblenden: Wählen Sie diese Option, um die Komponente aus dem Formular auszublenden. Die Komponente bleibt für andere Zwecke verfügbar, z. B. für Berechnungen im Regel-Editor. Dies ist nützlich, wenn Sie Informationen speichern müssen, die Benutzende nicht sehen oder direkt ändern müssen.
-
Komponente deaktivieren: Mit dieser Option können Sie die Komponente deaktivieren oder sperren. Die deaktivierte Komponente ist nicht aktiv und Endbenutzende können sie nicht bearbeiten. Benutzende können den Wert des Felds anzeigen, ihn jedoch nicht ändern. Die Komponente bleibt für andere Zwecke verfügbar, z. B. für Berechnungen im Regel-Editor.
-
Wenn aktiviert, folgenden Wert zurückgeben - Mit dieser Option können Sie festlegen, welcher Wert mit dem Kontrollkästchen verbunden werden soll, wenn dieses aktiviert oder ausgewählt wird. Diese Aktion wird ausgeführt, wenn Sie das Kontrollkästchen aktivieren.
-
Statuswert „Deaktivieren“ beibehalten: Wählen Sie diese Option aus, um den Wert anzugeben, der zurückgegeben werden soll, wenn die Kontrollkästchen-Komponente nicht ausgewählt ist. Wenn Statuswert „Deaktivieren“ beibehalten aktiviert ist oder auf „true“ festgelegt ist, wird die Option Wenn nicht aktiviert, folgenden Wert zurückgegeben angezeigt.
-
Wenn nicht aktiviert, folgenden Wert zurückgeben - Mit dieser Option können Sie festlegen, welcher Wert mit dem Kontrollkästchen verknüpft werden soll, wenn es deaktiviert wird.
-
Standardwert: Mit dieser Option können Sie einen Standardwert in ein Formularfeld einfügen. Wenn Komponente deaktivieren ausgewählt ist, wird der Standardwert auf dem Bildschirm angezeigt. Wenn die Benutzenden keinen Wert in das Formularfeld eingeben, wird dieser Wert zum Zeitpunkt der Formularübermittlung gesendet.
Registerkarte „Validierung“ validation-tab
-
Erforderlich: Wählen Sie diese Option, wenn Sie die Komponente in einem adaptiven Formular anzeigen möchten. Nachdem Sie die Option ausgewählt haben, müssen Sie eine Auswahl treffen, bevor Sie mit der Formularübermittlung fortfahren. Wenn diese Option aktiviert ist, kann die Option Komponente ausblenden oder Komponente deaktivieren auf der Registerkarte Allgemein nicht ausgewählt werden.
-
Fehlermeldung: Mit dieser Option können Sie eine Nachricht eingeben, die angezeigt wird, wenn das Kontrollkästchen Erforderlich aktiviert ist und das Feld leer bleibt.
-
Meldung zur Skriptvalidierung: Mit dieser Option können Sie eine Meldung eingeben, die angezeigt werden soll, wenn die Skriptvalidierung fehlschlägt.
Registerkarte „Hilfe-Inhalt“ helpcontent-tab
-
Kurzbeschreibung: Eine Kurzbeschreibung ist eine kurze Erklärung, die zusätzliche Informationen oder Klarstellungen über den Zweck eines Formularfelds bietet. Es hilft Benutzenden zu verstehen, welcher Datentyp in das Feld eingegeben werden soll, und kann Richtlinien oder Beispiele bereitstellen, um sicherzustellen, dass die eingegebenen Informationen gültig sind und die gewünschten Kriterien erfüllen. Standardmäßig bleiben kurze Beschreibungen ausgeblendet. Aktivieren Sie die Option Kurzbeschreibung immer anzeigen, um sie unterhalb der Komponente anzuzeigen.
-
Kurzbeschreibung immer anzeigen: Aktivieren Sie diese Option, um die Kurzbeschreibung unterhalb der Komponente anzuzeigen.
-
Hilfetext: Hilfetext bezieht sich auf zusätzliche Informationen oder Anleitungen, die den Benutzenden bereitgestellt werden, um sie beim korrekten Ausfüllen eines Formularfelds zu unterstützen. Er erscheint, wenn Benutzende auf das Hilfesymbol (i) neben der Komponente klicken. Hilfetext enthält detailliertere Informationen als die Beschriftung oder der Platzhaltertext eines Formularfelds und soll den Benutzenden dabei helfen, die Anforderungen oder Einschränkungen des Felds zu verstehen. Er kann auch Vorschläge oder Beispiele anbieten, um das Ausfüllen des Formulars einfacher und genauer zu gestalten.
Registerkarte „Barrierefreiheit“ accessibility-tab
-
Text für Bildschirmlesehilfen – Das ist zusätzlicher Text, der von Hilfstechnologien wie etwa Bildschirmlesehilfen für sehbehinderte Personen vorgelesen wird. Dieser Text enthält eine Audiobeschreibung des Zwecks des Formularfelds und kann Informationen über den Titel, die Beschreibung, den Namen und alle relevanten Nachrichten (benutzerdefinierten Text) des Felds enthalten. Der Text der Bildschirmlesehilfe hilft sicherzustellen, dass das Formular allen Benutzenden zugänglich ist, auch Personen mit Sehschwäche, und bietet ihnen ein umfassendes Verständnis des Formularfelds und seiner Anforderungen.
- Benutzerdefinierter Text: Wählen Sie diese Option aus, um den benutzerdefinierten Text für ARIA-Barrierefreiheitsbeschriftungen zu verwenden. Wenn Sie diese Option auswählen, wird das Benutzerdefinierter Dialogfeld „Text“ angezeigt. Sie können relevante Informationen im Benutzerdefinierter Dialogfeld „Text“ hinzufügen.
- Beschreibung: Wählen Sie diese Option aus, um die Beschreibung für ARIA-Barrierefreiheitsbeschriftungen zu verwenden.
- Titel: Wählen Sie diese Option aus, um den Titel für ARIA-Barrierefreiheitsbeschriftungen zu verwenden.
- Name: Wählen Sie diese Option aus, um den Namen für ARIA-Barrierefreiheitsbeschriftungen zu verwenden.
- Keine: Wählen Sie diese Option aus, wenn Sie keine ARIA-Barrierefreiheitsbezeichnungen hinzufügen möchten.
Dialogfeld „Design“ design-dialog
Im Dialogfeld „Design“ können Sie CSS-Stile für die Kontrollkästchen-Komponente festlegen und verwalten.
Registerkarte „Stile“ styles-tab
Die Kontrollkästchen-Kernkomponente für adaptive Formulare unterstützt das AEM-Stilsystem.
-
Standard-CSS-Klassen: Sie können eine standardmäßige CSS-Klasse für die Kernkomponente „Kontrollkästchen“ 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.
Benutzerdefinierte Eigenschaften
Mit der Option „Benutzerdefinierte Eigenschaften“ können Sie mithilfe der Formularvorlage benutzerdefinierte Attribute (Schlüsselwertpaare) mit einer Kernkomponente eines adaptiven Formulars verknüpfen. Die benutzerdefinierten Eigenschaften werden im Eigenschaftenbereich der Headless-Ausgabedarstellung der Komponente angezeigt. So kann ein dynamisches Formularverhalten erzeugt werden, das sich je nach den benutzerdefinierten Attributwerten anpasst. Beispielsweise können Entwickelnde verschiedene Ausgabedarstellungen einer Headless-Formularkomponente für Mobile-, Desktop- oder Web-Plattformen entwerfen und so das Benutzererlebnis auf einer Vielzahl von Geräten erheblich verbessern.
-
Gruppenname: Sie können einen Namen angeben, um die Gruppe der benutzerdefinierten Eigenschaften zu kennzeichnen. Sie können mehrere Gruppen benutzerdefinierter Eigenschaften hinzufügen, löschen oder neu anordnen. Nach dem Hinzufügen der Gruppe benutzerdefinierter Eigenschaften werden folgende Optionen angezeigt:
-
Schlüssel-Wert-Paare: Sie können mehrere Namen und Werte benutzerdefinierter Eigenschaften hinzufügen, indem Sie für jede Gruppe benutzerdefinierter Eigenschaften auf Hinzufügen klicken.
-
Löschen: Tippen oder klicken Sie auf diese Option, um den Namen und den Wert der benutzerdefinierten Eigenschaft zu löschen.
-
Neu anordnen: Ordnen Sie den Namen und Wert der benutzerdefinierten Eigenschaft Antippen oder Klicken und Ziehen neu an.
-
Ähnliche Artikel related-articles
- Akkordeon
- Adaptive Formularfragmente
- Adaptives Formular – reCAPTCHA
- Schaltfläche
- Kontrollkästchengruppe
- Kontrollkästchen
- Datumsauswahl
- Dropdown-Liste
- Formular-Container
- Formulartitel
- Dateianhang
- Fußzeile
- Kopfzeile
- Bild
- Numerisches Feld
- Panel
- Telefon
- Horizontale Registerkarte
- Vertikale Registerkarte
- Optionsschaltfläche
- Schaltfläche „Zurücksetzen“
- Schaltfläche „Senden“
- Textfeld
- Text
- Registerkarte „Nutzungsbedingungen“
- Assistent
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