Componente pulsante modulo (v1)

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

Utilizzo

Il componente Pulsante modulo del componente core 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 dei contenuti nella finestra di dialogo configura.

Versione e compatibilità

Questo documento descrive la versione 1 del componente per pulsante di modulo, originariamente introdotto con la versione 1.0.0 dei componenti core con AEM 6.3.

Nella tabella seguente è riportata la compatibilità della versione 1 del componente Pulsante modulo.

Output componente di esempio

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 Configura

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

• Tipo

  • Pulsante
  • Invia

• Titolo : il testo visualizzato sul pulsante

  • Se non ne è stato fornito nessuno, viene impostato automaticamente sul tipo di pulsante

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

• Valore - Il valore del pulsante, che viene inviato insieme ai dati del modulo

Finestra di dialogo Progettazione

Non è disponibile una finestra di dialogo di progettazione 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 dei componenti core, consulta la documentazione per gli sviluppatori dei componenti core .