Componente Pulsante modulo form-button-component

Il componente core Pulsante modulo consente di includere un pulsante per attivare un’azione su una pagina.

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

La versione corrente del componente Pulsante modulo la v2, introdotta con la versione 2.0.0 dei Componenti core a gennaio 2018, ed è quella descritta in questo documento.

La tabella che segue descrive tutte le versioni supportate del componente, le versioni di AEM con cui le versioni del componente sono compatibili e i collegamenti alla documentazione delle versioni precedenti.

Versione del componente
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v2
Compatibile con
versione 2.17.4 e precedenti
Compatibile
Compatibile
v1
Compatibile
Compatibile
Compatibile

Per ulteriori informazioni sulle versioni e sugli aggiornamenti dei Componenti core, vedi il documento Versioni dei Componenti core.

Esempio di output del componente sample-component-output

Per avere un’idea del componente Pulsante modulo e vedere esempi delle opzioni di configurazione e dell’output HTML e JSON, visita la libreria dei componenti.

Dettagli tecnici technical-details

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

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

Finestra di dialogo per configurazione configure-dialog

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

Scheda Proprietà properties-tab

Finestra di dialogo per modifica del componente Pulsante modulo

  • 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

  • ID: questa opzione consente di controllare l’identificatore univoco del componente nel codice HTML e in Data Layer.

    • Se non specificato, viene generato automaticamente un ID univoco reperibile sulla pagina risultante.
    • Se l’ID viene specificato, è responsabilità dell’autore accertarsi che sia univoco.
    • La modifica dell’ID può avere un impatto sul tracciamento di CSS, JS e Data Layer.

Finestra di dialogo per progettazione design-dialog

Scheda Stili styles-tab

Il componente Pulsante modulo supporta il sistema di stili di AEM.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c