logo

Extra Block Types (EBT) - Nuova esperienza con Layout Builder❗

Extra Block Types (EBT) - tipi di blocchi stilizzati e personalizzabili: Slideshows, Tabs, Cards, Accordion e molti altri. Impostazioni integrate per sfondo, DOM Box, plugin javascript. Vivi oggi il futuro della costruzione dei layout.

Demo moduli EBT Scarica moduli EBT

❗Extra Paragraph Types (EPT) - Nuova esperienza con Paragraphs

Extra Paragraph Types (EPT) - insieme di moduli basati su paragrafi in modo analogo.

Demo moduli EPT Scarica moduli EPT

Scorri
13/09/2025, by Ivan

EPT: Panoramica del modulo Drupal Tabs

Extra Paragraph Types (EPT): il modulo Tabs crea un nuovo tipo di paragrafo per le schede. I contenuti delle schede possono essere blocchi, pagine, Views e testo formattato. Le schede si basano sul plugin jQuery UI Tabs e dispongono di varie impostazioni per il plugin jQuery.

Puoi scaricare EPT Tabs da Drupal.org:

https://www.drupal.org/project/ept_tabs

composer require drupal/ept_tabs

EPT Tabs è basato sul plugin jQuery UI Tabs:

https://jqueryui.com/tabs/

Dopo l’installazione il modulo Drupal EPT Tabs aggiunge un nuovo tipo di blocco per le schede.

EPT Tabs contiene tutte le funzionalità del modulo EPT inclusi DOM Box, colore di sfondo / Immagine / Video, impostazioni Edge to Edge:

https://drupalbook.org/ept/demo 

I contenuti delle schede possono essere blocchi, pagine, Views e testo formattato. Le schede si basano sul plugin jQuery UI Tabs e dispongono di varie impostazioni per il plugin jQuery.

Contenuto EPT Tabs

EBT Tabs supporta diversi stili:

  • Senza sfondo dell’intestazione
  • Schede minimaliste
  • Schede come pulsanti
  • Schede verticali
  • Schede verticali ruotate

Stili EPT Tabs

 

Impostazioni predefinite Schede

Scheda 1

Contenuto scheda 1

Scheda 2

Contenuto scheda 2

Senza sfondo dell’intestazione

Scheda 1

Contenuto scheda 1

Scheda 2

Contenuto scheda 2

Schede minimaliste

Scheda 1

Contenuto scheda 1

Scheda 2

Contenuto scheda 2

Schede come pulsanti

Scheda 1

Contenuto scheda 1

Scheda 2

Contenuto scheda 2

Schede verticali

Scheda 1

Contenuto scheda 1

Scheda 2

Contenuto scheda 2

Schede verticali ruotate

Scheda 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse placerat elit vitae ex tincidunt feugiat. Ut mollis sem in lorem varius, vel facilisis ex pulvinar. Pellentesque ornare felis tellus, id aliquet lacus fringilla id. Proin aliquet euismod diam, ut eleifend arcu volutpat sit amet. Cras iaculis ultricies dolor ac malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue orci vitae dignissim vulputate. Integer commodo turpis nulla, et feugiat mi faucibus a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Scheda 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse placerat elit vitae ex tincidunt feugiat. Ut mollis sem in lorem varius, vel facilisis ex pulvinar. Pellentesque ornare felis tellus, id aliquet lacus fringilla id. Proin aliquet euismod diam, ut eleifend arcu volutpat sit amet. Cras iaculis ultricies dolor ac malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue orci vitae dignissim vulputate. Integer commodo turpis nulla, et feugiat mi faucibus a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse placerat elit vitae ex tincidunt feugiat. Ut mollis sem in lorem varius, vel facilisis ex pulvinar. Pellentesque ornare felis tellus, id aliquet lacus fringilla id. Proin aliquet euismod diam, ut eleifend arcu volutpat sit amet. Cras iaculis ultricies dolor ac malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue orci vitae dignissim vulputate. Integer commodo turpis nulla, et feugiat mi faucibus a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Sezione attiva

Puoi selezionare quale sezione deve essere aperta di default. Usa il campo "Sezione attiva" per scrivere il numero d’ordine della sezione. L’impostazione della sezione attiva è basata su zero, il che significa che inizia a contare da zero. Quindi, se vuoi aprire la terza sezione di default, devi digitare "2" nel campo Sezione attiva. 

Tab 1

Contenuto scheda 1

Tab 2

Contenuto scheda 2

Tab 3

Contenuto scheda 3

Collassabile

Puoi anche disattivare l’impostazione "Collassabile", in questo modo almeno una sezione sarà sempre aperta.

Scheda 1

Contenuto scheda 1

Scheda 2

Contenuto scheda 2

Scheda 3

Contenuto scheda 3

Tutte chiuse e collassabili

Scheda 1

Contenuto scheda 1

Scheda 2

Contenuto scheda 2

Scheda 3

Contenuto scheda 3

Disabilita schede

Scheda 1

Contenuto scheda 1

Scheda 2

Contenuto scheda 2

Scheda 3

Contenuto scheda 3

Stile altezza: Auto

Scheda 1

Lorem Ipsum è semplicemente un testo fittizio dell’industria della stampa e della tipografia. Lorem Ipsum è il testo fittizio standard dell’industria sin dal XVI secolo, quando un tipografo sconosciuto prese una cassetta di caratteri e li mescolò per realizzare un libro di esempi. È sopravvissuto non solo a cinque secoli, ma anche al passaggio alla composizione elettronica, rimanendo sostanzialmente invariato. È stato reso popolare negli anni ’60 con la pubblicazione di fogli Letraset contenenti brani di Lorem Ipsum, e più recentemente con software di desktop publishing come Aldus PageMaker che includevano versioni di Lorem Ipsum.

Scheda 2

Lorem Ipsum è semplicemente un testo fittizio dell’industria della stampa e della tipografia. Lorem Ipsum è il testo fittizio standard dell’industria sin dal XVI secolo, quando un tipografo sconosciuto prese una cassetta di caratteri e li mescolò per realizzare un libro di esempi. È sopravvissuto non solo a cinque secoli, ma anche al passaggio alla composizione elettronica, rimanendo sostanzialmente invariato. È stato reso popolare negli anni ’60 con la pubblicazione di fogli Letraset contenenti brani di Lorem Ipsum, e più recentemente con software di desktop publishing come Aldus PageMaker che includevano versioni di Lorem Ipsum.

Lorem Ipsum è semplicemente un testo fittizio dell’industria della stampa e della tipografia. Lorem Ipsum è il testo fittizio standard dell’industria sin dal XVI secolo, quando un tipografo sconosciuto prese una cassetta di caratteri e li mescolò per realizzare un libro di esempi. È sopravvissuto non solo a cinque secoli, ma anche al passaggio alla composizione elettronica, rimanendo sostanzialmente invariato. È stato reso popolare negli anni ’60 con la pubblicazione di fogli Letraset contenenti brani di Lorem Ipsum, e più recentemente con software di desktop publishing come Aldus PageMaker che includevano versioni di Lorem Ipsum.

Scheda 3

Lorem Ipsum è semplicemente un testo fittizio dell’industria della stampa e della tipografia. Lorem Ipsum è il testo fittizio standard dell’industria sin dal XVI secolo, quando un tipografo sconosciuto prese una cassetta di caratteri e li mescolò per realizzare un libro di esempi. È sopravvissuto non solo a cinque secoli, ma anche al passaggio alla composizione elettronica, rimanendo sostanzialmente invariato. È stato reso popolare negli anni ’60 con la pubblicazione di fogli Letraset contenenti brani di Lorem Ipsum, e più recentemente con software di desktop publishing come Aldus PageMaker che includevano versioni di Lorem Ipsum.

Stile altezza: Riempimento

Scheda 1

Lorem Ipsum è semplicemente un testo fittizio dell’industria della stampa e della tipografia. Lorem Ipsum è il testo fittizio standard dell’industria sin dal XVI secolo, quando un tipografo sconosciuto prese una cassetta di caratteri e li mescolò per realizzare un libro di esempi. È sopravvissuto non solo a cinque secoli, ma anche al passaggio alla composizione elettronica, rimanendo sostanzialmente invariato. È stato reso popolare negli anni ’60 con la pubblicazione di fogli Letraset contenenti brani di Lorem Ipsum, e più recentemente con software di desktop publishing come Aldus PageMaker che includevano versioni di Lorem Ipsum.

Scheda 2

Lorem Ipsum è semplicemente un testo fittizio dell’industria della stampa e della tipografia. Lorem Ipsum è il testo fittizio standard dell’industria sin dal XVI secolo, quando un tipografo sconosciuto prese una cassetta di caratteri e li mescolò per realizzare un libro di esempi. È sopravvissuto non solo a cinque secoli, ma anche al passaggio alla composizione elettronica, rimanendo sostanzialmente invariato. È stato reso popolare negli anni ’60 con la pubblicazione di fogli Letraset contenenti brani di Lorem Ipsum, e più recentemente con software di desktop publishing come Aldus PageMaker che includevano versioni di Lorem Ipsum.

Lorem Ipsum è semplicemente un testo fittizio dell’industria della stampa e della tipografia. Lorem Ipsum è il testo fittizio standard dell’industria sin dal XVI secolo, quando un tipografo sconosciuto prese una cassetta di caratteri e li mescolò per realizzare un libro di esempi. È sopravvissuto non solo a cinque secoli, ma anche al passaggio alla composizione elettronica, rimanendo sostanzialmente invariato. È stato reso popolare negli anni ’60 con la pubblicazione di fogli Letraset contenenti brani di Lorem Ipsum, e più recentemente con software di desktop publishing come Aldus PageMaker che includevano versioni di Lorem Ipsum.

Scheda 3

Lorem Ipsum è semplicemente un testo fittizio dell’industria della stampa e della tipografia. Lorem Ipsum è il testo fittizio standard dell’industria sin dal XVI secolo, quando un tipografo sconosciuto prese una cassetta di caratteri e li mescolò per realizzare un libro di esempi. È sopravvissuto non solo a cinque secoli, ma anche al passaggio alla composizione elettronica, rimanendo sostanzialmente invariato. È stato reso popolare negli anni ’60 con la pubblicazione di fogli Letraset contenenti brani di Lorem Ipsum, e più recentemente con software di desktop publishing come Aldus PageMaker che includevano versioni di Lorem Ipsum.