logo

Extra Block Types (EBT) - Nieuwe Layout Builder ervaring❗

Extra Block Types (EBT) - gestileerde, aanpasbare bloktypes: Slideshows, Tabs, Cards, Accordions en vele andere. Ingebouwde instellingen voor achtergrond, DOM Box, javascript-plugins. Ervaar vandaag al de toekomst van layout building.

Demo EBT-modules Download EBT-modules

❗Extra Paragraph Types (EPT) - Nieuwe Paragraphs ervaring

Extra Paragraph Types (EPT) - analoge op paragrafen gebaseerde set modules.

Demo EPT-modules Download EPT-modules

Scroll
13/09/2025, by Ivan

EPT: Tabs Drupal module overzicht

Extra Paragraph Types (EPT): Tabs module maakt een nieuw paragraaftype voor tabs. De inhoud van tabs kan bestaan uit blokken, pagina’s, Views en geformatteerde tekst. Tabs zijn gebaseerd op de jQuery UI Tabs plugin en hebben diverse instellingen voor de jQuery plugin.

Je kunt EPT Tabs downloaden van Drupal.org:

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

composer require drupal/ept_tabs

EPT Tabs is gebaseerd op de jQuery UI Tabs plugin:

https://jqueryui.com/tabs/

Na installatie voegt de Drupal EPT Tabs module een nieuw bloktype voor Tabs toe.

EPT Tabs bevat alle functies van de EPT modules, inclusief DOM Box, achtergrondkleur / Afbeelding / Video, Edge to Edge instellingen:

https://drupalbook.org/ept/demo 

Tab-inhoud kan blokken, pagina’s, Views en geformatteerde tekst bevatten. Tabs zijn gebaseerd op de jQuery UI Tabs plugin en hebben diverse instellingen voor de jQuery plugin.

EPT Tabs inhoud

EBT Tabs ondersteunt verschillende stijlen:

  • Zonder header-achtergrond
  • Minimalistische tabs
  • Tabs als knoppen
  • Verticale tabs
  • Verticale tabs gedraaid

EPT Tabs stijlen

 

Standaardinstellingen Tabs

Tabblad 1

Tabblad 1 inhoud  

Tabblad 2

Tabblad 2 inhoud  

Zonder header-achtergrond

Tabblad 1

Tabblad 1 inhoud  

Tabblad 2

Tabblad 2 inhoud  

Minimalistische tabs

Tabblad 1

Tabblad 1 inhoud  

Tabblad 2

Tabblad 2 inhoud  

Tabs als knoppen

Tabblad 1

Tabblad 1 inhoud  

Tabblad 2

Tabblad 2 inhoud  

Verticale tabs

Tabblad 1

Tabblad 1 inhoud  

Tabblad 2

Tabblad 2 inhoud  

Verticale tabs gedraaid

Tabblad 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.

Tabblad 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.

Actieve sectie

Je kunt selecteren welke sectie standaard geopend moet worden. Gebruik het veld "Actieve sectie" om het volgnummer van de sectie in te voeren. De instelling voor de actieve sectie is nul-gebaseerd, wat betekent dat het tellen vanaf nul begint. Dus als je standaard de 3e sectie wilt openen, moet je "2" typen in het veld Actieve sectie. 

Tabblad 1

Tabblad 1 inhoud  

Tabblad 2

Tabblad 2 inhoud  

Tabblad 3

Tabblad 3 inhoud  

Inklapbaar

Je kunt ook de instelling "Inklapbaar" uitschakelen, dan zal er altijd minstens één sectie geopend zijn.

Tabblad 1

Tabblad 1 inhoud  

Tabblad 2

Tabblad 2 inhoud  

Tabblad 3

Tabblad 3 inhoud  

Alles gesloten en inklapbaar

Tabblad 1

Tabblad 1 inhoud  

Tabblad 2

Tabblad 2 inhoud  

Tabblad 3

Tabblad 3 inhoud  

Tabs uitschakelen

Tabblad 1

Tabblad 1 inhoud  

Tabblad 2

Tabblad 2 inhoud  

Tabblad 3

Tabblad 3 inhoud  

Hoogtestijl: Auto

Tabblad 1

Lorem Ipsum is eenvoudigweg dummytekst uit de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak met letters door elkaar gooide om er een proefboek van te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is in wezen onveranderd gebleven. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, dat versies van Lorem Ipsum bevatte.

Tabblad 2

Lorem Ipsum is eenvoudigweg dummytekst uit de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak met letters door elkaar gooide om er een proefboek van te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is in wezen onveranderd gebleven. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, dat versies van Lorem Ipsum bevatte.

Lorem Ipsum is eenvoudigweg dummytekst uit de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak met letters door elkaar gooide om er een proefboek van te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is in wezen onveranderd gebleven. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, dat versies van Lorem Ipsum bevatte.

Tabblad 3

Lorem Ipsum is eenvoudigweg dummytekst uit de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak met letters door elkaar gooide om er een proefboek van te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is in wezen onveranderd gebleven. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, dat versies van Lorem Ipsum bevatte.

Hoogtestijl: Vullen

Tabblad 1

Lorem Ipsum is eenvoudigweg dummytekst uit de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak met letters door elkaar gooide om er een proefboek van te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is in wezen onveranderd gebleven. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, dat versies van Lorem Ipsum bevatte.

Tabblad 2

Lorem Ipsum is eenvoudigweg dummytekst uit de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak met letters door elkaar gooide om er een proefboek van te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is in wezen onveranderd gebleven. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, dat versies van Lorem Ipsum bevatte.

Lorem Ipsum is eenvoudigweg dummytekst uit de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak met letters door elkaar gooide om er een proefboek van te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is in wezen onveranderd gebleven. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, dat versies van Lorem Ipsum bevatte.

Tabblad 3

Lorem Ipsum is eenvoudigweg dummytekst uit de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak met letters door elkaar gooide om er een proefboek van te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is in wezen onveranderd gebleven. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, dat versies van Lorem Ipsum bevatte.