Componente Pulsante modulo (v1)

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

Utilizzo

Il componente core Pulsante modulo consente la creazione di un campo pulsante, spesso per attivare l’invio del modulo, che deve essere utilizzato insieme al componente Contenitore modulo.

Le proprietà del pulsante possono essere definite tramite l’editor di contenuto nella finestra di dialogo per configurazione.

Versione e compatibilità

Questo documento descrive la versione 1 del componente Pulsante modulo, originariamente introdotto con la versione 1.0.0 dei Componenti core in AEM 6.3.

La tabella che segue riporta la compatibilità della versione 1 del componente Pulsante modulo.

Esempio di output del componente

Di seguito è riportato un 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"
            }

Finestra di dialogo per configurazione

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

• Tipo

  • Pulsante
  • Invia

• Titolo: il testo visualizzato sul pulsante

  • Se non viene specificato alcun testo, viene utilizzato automaticamente il tipo di pulsante

• Nome: il nome del pulsante, che viene inviato con i dati del modulo

• Valore: il valore del pulsante, che viene inviato con i dati del modulo

Finestra di dialogo per progettazione

La finestra di dialogo per progettazione non è disponibile 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.

Per ulteriori informazioni sullo sviluppo di Componenti core, vedi la documentazione per gli sviluppatori di Componenti core.