--- url: 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/layout/pannello-a-schede' title: 'Aggiunta di un pannello a schede | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-23T23:56:06+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Usa le Schede quando vuoi più blocchi di contenuti correlati in un unico punto, visibili uno alla volta. Ottieni una fila di etichette di scheda; i visitatori fanno clic su un’etichetta per vederne il contenuto. L’esempio crea una pagina di agenzia con una scheda per servizio. Per domande e risposte, di solito un pannello comprimibile si legge meglio.' tags: - Layout image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Aggiunta di un pannello a schede' description: 'Usa le Schede quando vuoi più blocchi di contenuti correlati in un unico punto, visibili uno alla volta. Ottieni una fila di etichette di scheda; i visitatori fanno clic su un’etichetta per vederne il contenuto. L’esempio crea una pagina di agenzia con una scheda per servizio. Per domande e risposte, di solito un pannello comprimibile si legge meglio.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-23T23:56:06+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/layout/pannello-a-schede' articleSection: Layout - '@type': WebPage '@id': 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/layout/pannello-a-schede' description: 'Usa le Schede quando vuoi più blocchi di contenuti correlati in un unico punto, visibili uno alla volta. Ottieni una fila di etichette di scheda; i visitatori fanno clic su un’etichetta per vederne il contenuto. L’esempio crea una pagina di agenzia con una scheda per servizio. Per domande e risposte, di solito un pannello comprimibile si legge meglio.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Home item: 'https://dxpr.com/it' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: it --- [Centro assistenza](/it/hc)/[Documentazione](/it/hc/documentazione) /[Impara DXPR Builder](/it/hc/documentation/learn-dxpr-builder) /[Crea le pagine](/it/hc/documentation/learn-dxpr-builder/build) /[Aggiungi contenuti](/it/hc/documentation/learn-dxpr-builder/elements) /[Layout](/it/hc/documentation/learn-dxpr-builder/layout/overview) # Aggiunta di un pannello a schede. Impara DXPR BuilderCrea le pagineAggiungi contenutiLayout ## In questa guida Guide correlate - [Aggiunta di un pannello comprimibile](/it/hc/documentazione/impara-dxpr-builder/layout/pannello-comprimibile) - [Aggiunta di un layout carosello](/it/hc/documentazione/impara-dxpr-builder/layout/layout-carosello) - [Aggiunta di un layout annidato](/it/hc/documentazione/impara-dxpr-builder/layout/annidamento) Usa le Schede quando vuoi più blocchi di contenuti correlati in un unico punto, visibili uno alla volta. Ottieni una fila di etichette di scheda; i visitatori fanno clic su un’etichetta per vederne il contenuto. L’esempio crea una pagina di agenzia con una scheda per servizio. Per domande e risposte, di solito un [pannello comprimibile](/it/hc/documentazione/impara-dxpr-builder/layout/pannello-comprimibile) si legge meglio. ## Aggiungi un pannello a schede 1. Passa sopra alla colonna e fai clic su **+** nella sua barra dei controlli, o sul **+** al centro di una colonna vuota, per aprire il selettore di elementi. 2. Nella scheda **Layout** fai clic su **Tabs**. L’elemento compare con una scheda, denominata **Title**. 3. Passa sopra al pannello della scheda e apri **More > Settings**. Digita un nome in **Tab title** e fai clic su **Save**. 4. Fai clic su **+** dentro il pannello per aggiungere contenuti, per esempio un elemento **Text**. 5. Per aggiungere una scheda, passa sopra alle etichette delle schede e fai clic su **Add tab** nella barra dei controlli di **Tabs**. La nuova scheda arriva prima, davanti alle altre. Nominala e riempila allo stesso modo. ## Cosa vedi Una fila di etichette di scheda sta sopra il contenuto della scheda aperta. In Preview e sulla pagina pubblicata, un clic su un’etichetta mostra il contenuto di quella scheda e nasconde il resto. Ogni scheda contiene i propri elementi, così una scheda può portare testo e un’altra una serie di card. Sugli schermi più stretti di 768 pixel le schede diventano intestazioni impilate che si aprono come un pannello comprimibile. ## Configura le tue schede L’elemento **Tabs** ha tre impostazioni. Aprilo da **More > Settings** nella barra dei controlli di **Tabs**, che compare quando passi sopra alle etichette delle schede. | Impostazione | Cosa fa | Valore predefinito | |---|---|---| | **Tab direction** | Dove stanno le etichette: **Default** (sopra il contenuto), **Left** o **Right** | Default | | **Style** | L’aspetto delle etichette: **Default** (una riga sotto le etichette), **Modern** (card arrotondate) o **Accordion** (intestazioni con linee di separazione) | Default | | **Mobile friendly** | Mostra le schede come intestazioni comprimibili sugli schermi più stretti di 768 pixel | On | Ogni scheda ha le sue impostazioni in **More > Settings** sul suo pannello. **Tab title** è il testo dell’etichetta. **Tab description** è una breve riga facoltativa sotto l’etichetta della scheda aperta. ## Gestire le schede - **Riordinare**: trascina un’etichetta di scheda in un nuovo punto tra le etichette. Il suo contenuto si sposta con lei. - **Rinominare**: passa sopra al pannello della scheda, apri **More > Settings**, cambia il **Tab title** e fai clic su **Save**. - **Rimuovere**: passa sopra al pannello della scheda, apri **More** e scegli **Delete**. Tutto ciò che è dentro la scheda viene rimosso con lei. Tieni le etichette a una o tre parole e resta intorno a cinque schede, così le etichette stanno su una riga. ## Se non lo vedi - **La nuova scheda è prima invece che ultima.** **Add tab** mette sempre la nuova scheda davanti. Trascina la sua etichetta nel punto che vuoi. - **Le impostazioni mostrano solo Tab title e Tab description.** Hai aperto le impostazioni di una scheda. Passa sopra alle etichette delle schede così compare la barra dei controlli di **Tabs**, poi apri lì **More > Settings**. - **I telefoni mostrano intestazioni impilate invece di schede.** **Mobile friendly** è attivo, ed è il valore predefinito. Disattivalo nelle impostazioni di **Tabs** per tenere le schede a ogni larghezza di schermo. - **Tabs manca dalla scheda Layout del selettore.** Il tuo profilo utente DXPR Builder lo esclude. Un amministratore seleziona **Tabs** in **Elements** nel tuo profilo in `/admin/dxpr_studio/dxpr_builder/profile`. ## E adesso? - [Aggiunta di un pannello comprimibile](/it/hc/documentazione/impara-dxpr-builder/layout/pannello-comprimibile): impila domande e risposte che si aprono una alla volta. - [Aggiunta di un layout carosello](/it/hc/documentazione/impara-dxpr-builder/layout/layout-carosello): mostra lo stesso tipo di contenuto una slide dopo l’altra. - [Annidamento](/it/hc/documentazione/impara-dxpr-builder/layout/annidamento): metti righe e colonne dentro una scheda per layout più ricchi.