Demo: EBT Tabs
EBT: Tabs Drupal module overzicht
Extra Block Types (EBT): Tabs module maakt een nieuw bloktype voor tabs. Tab-inhoud kan bestaan uit blokken, pagina's, Views en opgemaakte tekst. Tabs zijn gebaseerd op de jQuery UI Tabs plugin en hebben verschillende instellingen voor de jQuery plugin.
Je kunt EBT Tabs downloaden van Drupal.org:
https://www.drupal.org/project/ebt_tabs
composer require drupal/ebt_tabs
EBT Tabs is gebaseerd op de jQuery UI Tabs plugin:
Na installatie voegt de Drupal EBT Tabs module een nieuw bloktype voor Tabs toe.
EBT Tabs bevat alle EBT module functies inclusief DOM Box, achtergrondkleur / Afbeelding / Video, Edge to Edge instellingen:
https://drupalbook.org/ebt/demo
Tab-inhoud kan bestaan uit blokken, pagina's, Views en opgemaakte tekst. Tabs zijn gebaseerd op de jQuery UI Tabs plugin en hebben verschillende 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
Tab 1 inhoud
Tab 2 inhoud
Zonder header-achtergrond
Tab 1 inhoud
Tab 2 inhoud
Minimalistische tabs
Tab 1 inhoud
Tab 2 inhoud
Verticale tabs
Tab 1 inhoud
Tab 2 inhoud
Gedraaide verticale tabs
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst in de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar gooide om een letterproefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, waarbij het in wezen ongewijzigd bleef. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en meer recent met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst in de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar gooide om een letterproefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, waarbij het in wezen ongewijzigd bleef. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en meer recent met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst in de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar gooide om een letterproefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, waarbij het in wezen ongewijzigd bleef. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en meer recent met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
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 actieve sectie is nul-gebaseerd, wat betekent dat het begint te tellen vanaf nul. Dus als je standaard de derde sectie wilt openen, moet je "2" invoeren in het veld Actieve sectie.
Tab 1 inhoud
Tab 2 inhoud
Tab 3 inhoud
Inklapbaar
Je kunt ook de instelling "Inklapbaar" uitschakelen, dan zal er altijd minstens één sectie geopend zijn.
Tab 1 inhoud
Tab 2 inhoud
Tab 3 inhoud
Alles gesloten en inklapbaar
Tab 1 inhoud
Tab 2 inhoud
Tab 3 inhoud
Tabs uitschakelen
Tab 1 inhoud
Tab 2 inhoud
Tab 3 inhoud
Hoogte stijl: Automatisch
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst in de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar gooide om een letterproefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, waarbij het in wezen ongewijzigd bleef. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en meer recent met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst in de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar gooide om een letterproefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, waarbij het in wezen ongewijzigd bleef. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en meer recent met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst in de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar gooide om een letterproefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, waarbij het in wezen ongewijzigd bleef. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en meer recent met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
Hoogte stijl: Vullen
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst in de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar gooide om een letterproefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, waarbij het in wezen ongewijzigd bleef. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en meer recent met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst in de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar gooide om een letterproefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, waarbij het in wezen ongewijzigd bleef. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en meer recent met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst in de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar gooide om een letterproefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, waarbij het in wezen ongewijzigd bleef. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en meer recent met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst in de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar gooide om een letterproefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, waarbij het in wezen ongewijzigd bleef. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en meer recent met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst in de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar gooide om een letterproefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, waarbij het in wezen ongewijzigd bleef. Het werd populair in de jaren zestig met de introductie van Letraset-vellen met Lorem Ipsum-passages, en meer recent met desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.