> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-it/experience-components/ax-button-dialog.md).
# AX - Finestra di dialogo del pulsante
## Panoramica
**AX - Finestra di dialogo del pulsante** è un componente di Experience Cloud che apre una finestra popup modale quando viene cliccato nelle pagine dei Siti Experience, mostrando contenuti senza allontanare gli utenti dalla pagina corrente.
Usalo per mostrare dettagli aggiuntivi, contenuti video, messaggi di conferma, moduli o avvisi che appaiono in un overlay. Inserisci qualsiasi componente di Experience Cloud all'interno della modal per creare il contenuto del popup in Experience Builder.
Perfetto per dettagli "Scopri di più", dimostrazioni video, termini e condizioni, richieste di conferma o qualsiasi contenuto che debba apparire temporaneamente sopra la pagina corrente nel tuo portale.
***
## Configurazione di Avonni Button Dialog
### **Rendi fantastico il tuo Button Dialog**
1. **Aggiungi il componente:** Trova il componente Avonni Button Dialog e trascinalo sul tuo sito web.
2. **Rendilo fantastico:** Puoi cambiare il testo del pulsante (l'etichetta), lo stile del colore (la variante) e qualsiasi altro dettaglio visivo che preferisci.
3. **Clicca e crea:** Alla clic sul pulsante apparirà una finestra popup (una modal). Puoi trascinare dentro questa finestra tutti i tipi di cose interessanti, come il componente video Avonni o altri elementi utili.
### **Impostazioni aggiuntive**
* **Nascondi intestazione:** Rimuove la barra del titolo nella parte superiore della finestra popup.
* **Dimensione:** Scegli quanto vuoi che la finestra popup sia grande o piccola.
* **Mostra piè di pagina:** Aggiunge una sezione nella parte inferiore del popup: ottima per pulsanti come "OK" o "Annulla".
* **Padding del contenuto:** Controlla lo spazio tra gli elementi all'interno della finestra e i bordi della finestra stessa.
***
## Impostazioni
{% tabs %}
{% tab title="Configurazione pulsante" %}
| Nome | Descrizione |
| ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| **Etichetta** | Testo visualizzato sul pulsante. |
| **Nome icona** | Il nome nel Lightning Design System dell'icona da visualizzare sul pulsante. |
| **Posizione icona** | La posizione dell'icona rispetto all'etichetta; le opzioni sono 'left' o 'right'. |
| **Variante** | Definisce l'aspetto del pulsante, ad esempio 'brand', 'neutral', ecc., secondo gli stili predefiniti del Salesforce Design System. |
| **Allineamento orizzontale** | Allinea orizzontalmente il pulsante all'interno del suo contenitore; le opzioni includono 'left', 'center' o 'right'. |
| **Espandi** | Determina se il pulsante deve espandersi per occupare tutta la larghezza del contenitore. |
| **Disabilitato** | Disabilita il pulsante, impedendo l'interazione dell'utente. |
| {% endtab %} | |
{% tab title="Configurazione dialogo" %}
| Nome | Descrizione |
| ------------------------- | ---------------------------------------------------------------------------------------------------- |
| **Nascondi intestazione** | Attiva o disattiva la visibilità dell'intestazione del dialogo. |
| **Dimensione** | Imposta la dimensione del dialogo; le opzioni possono includere '`piccolo`', '`medio`', o '`grande`. |
| **Mostra piè di pagina** | Determina se visualizzare il piè di pagina del dialogo, che può contenere pulsanti di azione. |
| {% endtab %} | |
{% tab title="🎨 Stile" %}
| Nome | Descrizione |
| ----------------- | --------------------------------------------------------------------------- |
| **Intestazione** | Specifica il colore di sfondo dell'intestazione del dialogo. |
| **Contenuto** | Imposta il colore di sfondo dell'area del contenuto principale del dialogo. |
| **Piè di pagina** | Definisce il colore di sfondo dell'area del piè di pagina. |
| {% endtab %} | |
| {% endtabs %} | |
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-it/experience-components/ax-button-dialog.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.