Componente pulsante modulo (v1)

Il componente Pulsante Modulo componente di base consente di includere un campo pulsante in un modulo per attivare un’azione.

Utilizzo

Il componente Pulsante Modulo componente di base consente la creazione di un campo pulsante, spesso per attivare l’invio del modulo e deve essere utilizzato insieme al componente contenitore modulo.

Le proprietà del pulsante possono essere definite dall'editor del contenuto nella finestra di dialogo di configurazione.

Versione e compatibilità

Questo documento descrive la v1 del componente Pulsante Modulo, introdotto originariamente con la release 1.0.0 dei componenti core con AEM 6.3.

La tabella seguente elenca la compatibilità di v1 del componente Pulsante modulo.

Versione di AEM Componente pulsante modulo v1
6.3 Compatibile
6.4 Compatibile
ATTENZIONE

Questo documento descrive la versione 1 del componente Pulsante modulo.

Per informazioni dettagliate sulla versione corrente del componente Pulsante modulo, vedere il documento Componente pulsante modulo.

Esempio di output del componente

Esempio tratto da We.Retail.

Schermata

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

L’esportazione JSON dai componenti core richiede la release 1.1.0 dei componenti core. Per ulteriori informazioni, vedere le informazioni sulla compatibilità per i componenti core v1.

Configura finestra di dialogo

La finestra di dialogo di configurazione consente all'autore del contenuto di definire i parametri del pulsante.

  • Tipo

    • Pulsante
    • Invia

  • Titolo - Testo visualizzato sul pulsante

    • Se non ne è stato fornito nessuno, per impostazione predefinita viene utilizzato il tipo di pulsante

  • Nome : il nome del pulsante che viene inviato insieme ai dati del modulo

  • Valore - Il valore del pulsante, inviato con i dati del modulo

Finestra di dialogo Progettazione

Non è disponibile alcuna finestra di dialogo per il componente Pulsante modulo.

Dettagli tecnici

La documentazione tecnica più recente sul componente Pulsante Modulo è disponibile su GitHub.

L’intero progetto dei componenti core può essere scaricato da GitHub.

Ulteriori dettagli sullo sviluppo di componenti core sono disponibili nella documentazione per lo sviluppo di componenti core.

In questa pagina