Demo: EBT Accordeon / FAQ
EBT: Accordion / FAQ Drupal module overzicht
EBT Accordion / FAQ kan nuttig zijn voor pagina’s met veel informatie, zodat je tekstblokken kunt inklappen en de gebruiker het benodigde tekstblok kan uitklappen.
https://www.drupal.org/project/ebt_accordion
composer require drupal/ebt_accordion
Het gebruikt de Paragraph module en het is eenvoudig om inhoud te bewerken voor EBT Accordion. Het is gebaseerd op de jQuery UI Accordion plugin:
Standaardstijlen
Vraag 1?
Vraag 1?
Antwoord 1
Vraag 2
Vraag 2
Antwoord 2
Stijlinstellingen
Je kunt verschillende stijlen selecteren voor EBT Accordion:
Alleen-tekst stijl
Vraag 1?
Vraag 1?
Antwoord 1
Vraag 2?
Vraag 2?
Antwoord 2
Plus/Min-pictogrammen aan de linkerkant
Vraag 1?
Vraag 1?
Antwoord 1
Vraag 2?
Vraag 2?
Antwoord 2
Plus/Min-pictogrammen aan de rechterkant
Vraag 1?
Vraag 1?
Antwoord 1
Vraag 2?
Vraag 2?
Antwoord 2
Inklapbare instelling
Je kunt de instelling "Inklapbaar" ook uitschakelen, dan zal er altijd minstens één sectie geopend zijn.
Vraag 1?
Vraag 1?
Antwoord 1
Vraag 2?
Vraag 2?
Antwoord 2
Vraag 3?
Vraag 3?
Antwoord 3
Inklapbaar en Gesloten instellingen samen
Je kunt de instellingen "Inklapbaar" en "Alles gesloten" samen selecteren, dan zullen standaard alle secties gesloten zijn.
Vraag 1?
Vraag 1?
Antwoord 1
Vraag 2?
Vraag 2?
Antwoord 2
Vraag 3?
Vraag 3?
Antwoord 3
Alles geopend instelling
Selecteer de instelling "Alles geopend" als je standaard alle secties/antwoorden wilt tonen.
Vraag 1?
Vraag 1?
Antwoord 1
Vraag 2?
Vraag 2?
Antwoord 2
Vraag 3?
Vraag 3?
Antwoord 3
Instelling actieve sectie
Je kunt selecteren welke sectie standaard geopend moet worden. Gebruik het veld "Actieve sectie" om het volgnummer van de sectie in te vullen. De instelling actieve sectie is nul-gebaseerd, dat betekent dat het tellen vanaf nul begint. Dus als je standaard de 3e sectie wilt openen, moet je "2" invullen in het veld Actieve sectie.
Vraag 1?
Vraag 1?
Antwoord 1
Vraag 2?
Vraag 2?
Antwoord 2
Vraag 3?
Vraag 3?
Antwoord
Instelling uitschakelen
Met het selectievakje Uitschakelen kun je de functionaliteit van de Accordion uitschakelen.
Vraag 1?
Vraag 1?
Antwoord 1
Vraag 2?
Vraag 2?
Antwoord 2
Vraag 3?
Vraag 3?
Antwoord 3
Hoogte: inhoud (standaard) instelling
We hebben drie opties voor inhoudshoogte:
- inhoud (standaardoptie)
- auto
- vullen
Vraag 1?
Vraag 1?
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Vraag 2?
Vraag 2?
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Vraag 3?
Vraag 3?
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Hoogte: auto
De optie Auto maakt het mogelijk om de maximale hoogte van de hoogste sectie te gebruiken als hoogte voor alle andere secties.
Vraag 1?
Vraag 1?
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Vraag 2?
Vraag 2?
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Vraag 3?
Vraag 3?
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Hoogte: vullen
Met de optie Vullen kunnen secties met schuifbalken worden weergegeven.
Vraag 1?
Vraag 1?
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Vraag 2?
Vraag 2?
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Vraag 3?
Vraag 3?
Lorem Ipsum is gewoon dummytekst van de druk- en zetindustrie. Lorem Ipsum is de standaard dummytekst van de sector sinds de jaren 1500, toen een onbekende drukker een zethaak nam en deze door elkaar husselde om een proefboek te maken. Het heeft niet alleen vijf eeuwen overleefd, maar ook de sprong naar elektronische zetwerk, en is daarbij in wezen ongewijzigd gebleven. Het werd populair in de jaren 1960 met de introductie van Letraset-vellen met Lorem Ipsum-passages, en recenter met desktop publishing software zoals Aldus PageMaker, inclusief versies van Lorem Ipsum.
Dank je wel!
Bedankt voor het gebruiken van de EBT module! Ik sta open voor alle ideeën voor EBT modules:
Maak een issue aan op Drupal.org