> 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-tabs.md). # AX - Schede ## Panoramica **AX - Schede** è un componente di Experience Cloud che organizza i contenuti in schede etichettate nelle pagine di Experience Sites, consentendo agli utenti del portale di passare da una sezione all'altra senza lasciare la pagina. Usalo per organizzare contenuti correlati che non devono essere tutti visibili contemporaneamente—come dettagli prodotto su più schede, moduli in più sezioni, risorse categorizzate o informazioni raggruppate. Scegli layout di schede orizzontali o verticali e configura lo stile in Experience Builder. Perfetto per pagine di informazioni sui prodotti, moduli a più passaggi, categorie di risorse, sezioni account o ovunque il tuo portale debba organizzare i contenuti in viste selezionabili. {% hint style="danger" %} Questo componente [utilizza gli slot](/experience-cloud/experience-cloud-it/per-iniziare/learning-the-basics.md#understanding-slots) per una personalizzazione avanzata, rendendolo ideale per i siti LWR. I siti Aura non supportano questo livello di personalizzazione. {% endhint %} ## Tutorial Prossimamente ## Impostazioni {% tabs %} {% tab title="🎛️ Proprietà" %} | Nome | Descrizione | Utilizzo | | ------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Orientamento** | Imposta l'orientamento delle schede, scegliendo tra un layout orizzontale o verticale. | Seleziona l'orientamento più adatto alle tue esigenze di progettazione, ottimizzando il layout per la navigazione dell'utente e la visibilità dei contenuti. | | **Ambito limitato** | Abilita lo stile con ambito limitato per un'applicazione dello stile più mirata e specifica alle schede. | Usa questa funzionalità per applicare stili limitati al componente, evitando conflitti di stile indesiderati con altri elementi della pagina. | | **Scorribile e pulsanti di scorrimento** | Rendi le schede scorribili e gestisci la visibilità dei pulsanti di scorrimento, garantendo una navigazione semplice anche con un numero elevato di schede. | Configura le funzionalità di scorrimento in base alla quantità e al layout delle schede, assicurando che gli utenti possano accedere facilmente e navigare tra tutte le schede disponibili. | | **Immagine di sfondo del contenuto CMS o URL dell'immagine di sfondo del contenuto** | Personalizza lo sfondo dell'area di contenuto delle schede scegliendo un'immagine dal CMS o fornendo un URL. | Migliora l'aspetto visivo delle schede applicando un'immagine di sfondo che completi il design complessivo e la presentazione dei contenuti. | | **Origine dati** | Definisci la fonte delle etichette e dei contenuti delle schede, consentendo la configurazione manuale delle proprietà delle schede come etichette, icone e tooltip. | Utilizza questa funzionalità per personalizzare i dati delle schede, assicurando che ogni scheda sia etichettata correttamente e arricchita con icone o tooltip, se necessario. | | {% endtab %} | | | {% tab title="🎨 Stile" %} | Nome | Descrizione | | ------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------- | | **Impostazioni dimensioni** | Definisci la larghezza e l'altezza delle schede, assicurandoti che si adattino perfettamente al tuo layout. | | **Stili di sfondo e bordo** | Personalizza sfondi e bordi con opzioni come colori e dimensioni, migliorando la distinzione visiva di ciascuna scheda. | | **Stili delle schede** | Regola vari aspetti come l'allineamento verticale, la larghezza, l'altezza e la spaziatura per perfezionare l'aspetto e il layout delle schede. | | **Stili di etichetta e sottotitolo** | Personalizza l'aspetto del testo all'interno delle schede, applicando colori e stili del font per migliorare la leggibilità e l'estetica. | | **Stili del pulsante di overflow** | Personalizza l'aspetto del pulsante di overflow, regolando i colori del testo e dello sfondo per una coerenza visiva. | | {% 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-tabs.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.