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

De component van de Knoop van de Vorm van de Component van de Kern staat voor de verwezenlijking van knoopgebied toe, vaak om de voorlegging van de vorm teweeg te brengen en is bedoeld om samen met de component van de vormcontainerworden gebruikt.

De knoopeigenschappen kunnen door de inhoudsredacteur in worden bepaald vormen dialoog.

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.

Uitvoer van voorbeeldcomponent sample-component-output

Het volgende wordt steekproef genomen van We.Retail.

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"
            }

Dialoogvenster configureren configure-dialog

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

Ontwerpdialoogvenster design-dialog

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

Technische details technical-details

De recentste technische documentatie over de Component van de Knoop van de Vorm kan op GitHubworden gevonden.

Het volledige kerncomponentenproject kan van GitHub worden gedownload.

De verdere details over het ontwikkelen van de Componenten van de Kern kunnen in de de ontwikkelaarsdocumentatie van de Componenten van de Kern worden gevonden.