Component Formulierknop (v1) form-button-component-v

Met de component Core Component Form Button kunt u een knopveld in een formulier opnemen om een handeling te activeren.

Gebruik usage

Met de component Core Component Form Button kunt u een knopveld maken dat vaak de verzending van het formulier activeert en dat samen met het formuliercontainercomponent.

De knopeigenschappen kunnen door de inhoudeditor in het dialoogvenster dialoogvenster configureren.

Versie en compatibiliteit version-and-compatibility

In dit document wordt versie 1 van de Form Button-component beschreven, die oorspronkelijk werd geĆÆntroduceerd met versie 1.0.0 van de Core Components met AEM 6.3.

In de volgende tabel wordt de compatibiliteit van versie 1 van de component Formulierknop weergegeven.

AEM
Formulierknopcomponent v1
6.3
Compatibel
6.4
Compatibel
CAUTION
In dit document wordt versie 1 van de component Form Button beschreven.
Voor meer informatie over de huidige versie van de component Form Button raadpleegt u de Component Formulierknop document.

Uitvoer van voorbeeldcomponent sample-component-output

Het volgende monster wordt genomen uit Wij.Detailhandel.

Schermafbeelding screenshot

HTML html

<div class="cmp cmp-button aem-GridColumn aem-GridColumn--default--12">
    <div class="cmp cmp-button">
        <button type="BUTTON" class="btn btn-action btn-primary" name="loveToast" value="ILoveToast">
            Click here if you love toast!
        </button>
    </div>
</div>

JSON json

"container": {
              "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
              "columnCount": 12,
              "gridClassNames": "aem-Grid aem-Grid--12 aem-Grid--default--12",
              ":items": {
                "button": {
                  "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
                  ":type": "weretail/components/form/button",
                  "name": "loveToast",
                  "jcr:title": "Click here if you love toast!",
                  "type": "submit",
                  "value": "ILoveToast"
                }
              },
              ":itemsOrder": [
                "button"
              ],
              ":type": "weretail/components/form/container"
            }
NOTE
Voor JSON-export van de Core Components is release 1.1.0 van de Core Components vereist. Zie de compatibiliteitsinformatie voor Core Components v1 voor meer informatie .

Dialoogvenster configureren configure-dialog

In het dialoogvenster voor configureren kan de auteur van de inhoud de parameters van de knop definiƫren.

  • Type

    • Knop
    • Verzenden
  • Titel - De tekst die op de knop wordt weergegeven

    • Als er niets is opgegeven, wordt het knoptype standaard ingesteld
  • Naam - De naam van de knop, die samen met de formuliergegevens wordt verzonden

  • Waarde - De waarde van de knop, die samen met de formuliergegevens wordt verzonden

Ontwerpdialoogvenster design-dialog

Er is geen dialoogvenster voor het ontwerp van de component Form Button.

Technische details technical-details

De meest recente technische documentatie over de component FormButton kan op GitHub worden gevonden.

Het volledige kerncomponentenproject kan van GitHub worden gedownload.

Meer informatie over het ontwikkelen van kerncomponenten vindt u in de Documentatie voor ontwikkelaars van kerncomponenten.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c