Componente Pulsante modulo (v1) form-button-component-v
Il componente core Pulsante modulo consente di includere un campo pulsante in un modulo per attivare un’azione.
Utilizzo usage
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à version-and-compatibility
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 sample-component-output
Di seguito è riportato un esempio tratto da We.Retail.
Schermata 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"
}
Finestra di dialogo per configurazione configure-dialog
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 design-dialog
La finestra di dialogo per progettazione non è disponibile per il componente Pulsante modulo.
Dettagli tecnici technical-details
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.