Show Menu
TOPICS×

Formularschaltflächen-Komponente

Die Kernkomponente „Formularschaltflächen-Komponente“ ermöglicht die Einbeziehung einer Schaltfläche zum Auslösen einer Aktion auf einer Seite.

Nutzung

Die Kernkomponente „Formularschaltflächen-Komponente“ ermöglicht die Erstellung von Schaltflächenfeldern, die häufig dazu dienen, die Übermittlung des Formulars auszulösen, und zusammen mit der Formularcontainer-Komponente . verwendet werden sollen
Die Schaltflächeneigenschaften können vom Inhaltseditor im Dialogfeld „Konfigurieren“ definiert werden.

Version und Kompatibilität

Die aktuelle Version der Formularschaltflächenkomponente 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.
Komponentenversion
AEM 6.3
AEM 6.4
AEM 6.5
v2
Kompatibel
Kompatibel
Kompatibel
Kompatibel
Kompatibel
Kompatibel
Weitere Informationen zu Kernkomponentenversionen und -freigaben finden Sie in den Kernkomponentenversionen .

Musterkomponentenausgabe

Im Folgenden finden Sie ein Beispiel von We.Retail .

Screenshot

HTML

<div class="container responsivegrid aem-GridColumn aem-GridColumn--default--12"> <form method="POST" action="/content/we-retail/us/en/experience.html" id="new_form" name="new_form" enctype="multipart/form-data" class="cmp-form aem-Grid aem-Grid--12 aem-Grid--default--12"> <input type="hidden" name=":formstart" value="/content/we-retail/us/en/experience/jcr:content/root/responsivegrid/container"> <div class="button aem-GridColumn aem-GridColumn--default--12"> <button type="BUTTON" class="cmp-form-button" name="loveToast" value="ILoveToast">Click here if you love toast!</button> </div> </form> </div>

JSON

"button":{ "columnClassNames":"aem-GridColumn aem-GridColumn--default--12", ":type":"core/wcm/sandbox/components/form/button/v2/button", "name":"loveToast", "jcr:title":"Click here if you love toast!", "type":"button", "value":"ILoveToast" }

Technische Details

Die aktuelle technische Dokumentation zur Form Button-Komponente finden Sie auf GitHub .
Weitere Informationen zur Entwicklung von Kernkomponenten finden Sie in der Dokumentation zu Kernkomponenten für Entwickler .

Dialogfeld „Konfigurieren“

Über das Dialogfeld „Konfigurieren“ kann der Inhaltsautor die Parameter der Schaltfläche definieren.

Registerkarte „Eigenschaften“

  • Typ
    • Schaltfläche
    • Absenden
  • Titel
    - Der auf der Schaltfläche angezeigte Text
    • Wenn kein Wert angegeben ist, erscheint standardmäßig der Schaltflächentyp
  • Name
    - Der Name der Schaltfläche, der mit den Formulardaten übermittelt wird.
  • Wert
    - Der Wert der Schaltfläche, der mit den Formulardaten übermittelt wird.

Dialogfeld „Design“

Registerkarte „Stile“

Die Formularschaltflächen-Komponente unterstützt das AEM- Stilsystem .