Demo: EPT Tabs
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:
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.
EBT Tabs ondersteunt verschillende stijlen:
- Zonder header-achtergrond
- Minimalistische tabs
- Tabs als knoppen
- Verticale tabs
- Verticale tabs gedraaid
Standaardinstellingen Tabs
Tabblad 1 inhoud
Tabblad 2 inhoud
Zonder header-achtergrond
Tabblad 1 inhoud
Tabblad 2 inhoud
Minimalistische tabs
Tabblad 1 inhoud
Tabblad 2 inhoud
Verticale tabs
Tabblad 1 inhoud
Tabblad 2 inhoud
Verticale tabs gedraaid
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.
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 inhoud
Tabblad 2 inhoud
Tabblad 3 inhoud
Inklapbaar
Je kunt ook de instelling "Inklapbaar" uitschakelen, dan zal er altijd minstens één sectie geopend zijn.
Tabblad 1 inhoud
Tabblad 2 inhoud
Tabblad 3 inhoud
Alles gesloten en inklapbaar
Tabblad 1 inhoud
Tabblad 2 inhoud
Tabblad 3 inhoud
Tabs uitschakelen
Tabblad 1 inhoud
Tabblad 2 inhoud
Tabblad 3 inhoud
Hoogtestijl: Auto
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.
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.
Hoogtestijl: Vullen
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.
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.