Komponent för formulärknapp (v1)

Senaste uppdatering: 2023-05-20
  • Skapat för:
  • Developer
    Admin
    User

Komponenten Core Component Form Button gör det möjligt att inkludera ett knappfält i ett formulär för att utlösa en åtgärd.

Användning

Komponenten Core Component Form Button gör det möjligt att skapa knappfält, ofta för att utlösa att formuläret skickas och är avsedd att användas tillsammans med formulärbehållarkomponent.

Knappegenskaperna kan definieras av innehållsredigeraren i konfigurera dialogruta.

Version och kompatibilitet

I det här dokumentet beskrivs v1 för komponenten Form Button, som ursprungligen introducerades i version 1.0.0 av Core Components med AEM 6.3.

I följande tabell visas kompatibiliteten för v1 för komponenten Formulärknapp.

AEM Komponent för formulärknapp v1
6.3 Kompatibel
6.4 Kompatibel
FÖRSIKTIGHET

I det här dokumentet beskrivs v1 för komponenten Form Button.

Mer information om den aktuella versionen av komponenten Formulärknapp finns i Komponent för formulärknapp -dokument.

Exempel på komponentutdata

Följande prov tas från Vi.butik.

Skärmbild

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

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

JSON-export från Core Components kräver version 1.1.0 av Core Components. Se kompatibilitetsinformation för kärnkomponenter v1 för mer information.

Konfigurera dialogruta

I dialogrutan Konfigurera kan innehållsförfattaren definiera knappens parametrar.

  • Typ

    • Knapp
    • Skicka
  • Titel - Den text som visas på knappen

    • Om inget anges används knapptypen som standard
  • Namn - Namnet på knappen som skickas in tillsammans med formulärdata

  • Värde - Knappens värde, som skickas in tillsammans med formulärdata

Designdialogruta

Det finns ingen designdialogruta för komponenten Formulärknapp.

Teknisk information

Den senaste tekniska dokumentationen om komponenten Formulärknapp finns på GitHub.

Hela kärnkomponentprojektet kan laddas ned från GitHub.

Mer information om hur du utvecklar kärnkomponenter finns i Dokumentation för grundkomponentutvecklare.

På denna sida