Componente Pulsante button-component

Il componente core Pulsante consente di configurare e visualizzare un pulsante su una pagina.

Utilizzo usage

Il componente core Pulsante consente di includere un pulsante in una pagina.

Versione e compatibilità version-and-compatibility

La versione corrente del componente Pulsante è la v2, introdotta con la versione 2.18.0 dei Componenti core a febbraio 2022, 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
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 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 è 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 l’elemento Pulsante e il suo comportamento e aspetto nei confronti di chi visita la pagina.

Scheda Proprietà properties-tab

Scheda Proprietà della finestra di dialogo per modifica del componente Pulsante

  • Testo: il testo da visualizzare sul pulsante

  • Collegamento: il collegamento a una pagina di contenuto in AEM, una risorsa esterna o un ancoraggio

    • Utilizza la finestra di dialogo per selezione per scegliere un percorso all’interno di AEM.
  • Apri collegamento in una nuova scheda - Se questa opzione è selezionata, il collegamento verrà aperto in una nuova scheda del browser.

  • Icona: identificatore per la visualizzazione di un’icona nel pulsante

  • 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.

Scheda Accessibilità accessibility-tab

Scheda Accessibilità della finestra di dialogo per modifica del componente Pulsante

Nella scheda Accessibilità è possibile impostare i valori per le etichette di accessibilità ARIA del componente.

  • Etichetta: il valore di un attributo dell’etichetta ARIA del componente

Scheda Stili styles-tab-edit

Scheda Stili della finestra di dialogo di modifica del componente Pulsante

Il componente Pulsante supporta il sistema di stili di AEM.

Utilizza il menu a discesa per selezionare gli stili da applicare al componente. Le selezioni effettuate nella finestra di dialogo di modifica hanno lo stesso effetto di quelle selezionate nella barra degli strumenti del componente.

Gli stili devono essere configurati per questo componente nella finestra di dialogo di progettazione affinché il menu a discesa sia disponibile.

Finestra di dialogo per progettazione design-dialog

Scheda Stili styles-tab

Il componente Pulsante supporta il sistema di stili di AEM.

Adobe Client Data Layer data-layer

Il componente Pulsante supporta Adobe Client Data Layer.

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