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.
- Le proprietà del Pulsante possono essere selezionate nella finestra di dialogo per configurazione.
- Gli stili del componente Pulsante possono essere definiti nella finestra di dialogo per progettazione.
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.
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
-
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
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
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.