Een uitvouwbaar paneel toevoegen.

DXPR Builder lerenPagina’s bouwenContent toevoegenLay-out

Gebruik een uitvouwbaar paneel, ook wel accordeon genoemd, wanneer je een lijst met koppen wilt die bezoekers één voor één openen. Het past bij veelgestelde vragen, functielijsten en lange inhoud die zich beter in delen laat lezen. Je krijgt een stapel vragen waarvan de antwoorden met een klik openen. Het voorbeeld bouwt drie vragen voor de veelgestelde-vragenpagina van een bureau.

Een uitvouwbaar paneel met drie vragen uit de veelgestelde vragen van een bureau, met het antwoord op Kunnen we pagina’s zelf bijwerken? eronder geopend

Een uitvouwbaar paneel toevoegen

  1. Klik op + op een sectie en kies Uitvouwbaar paneel op het tabblad Lay-out. Het komt met één toggle.
  2. Open de instellingen van het paneel via het menu More. Kies met Samenvouwen of elke toggle gesloten begint. Hier staat het aan. Kies een Uitvouwpictogram en klik op Opslaan.
  3. Beweeg over de toggle, open het menu More en kies Settings. Typ de vraag als Toggletitel en klik op Opslaan.
  4. Klik op de vraag om de toggle te openen. Klik op + erin, kies Tekst en typ het antwoord.
  5. Klik op Toggle toevoegen op de besturingsbalk van het paneel voor de volgende vraag. Nieuwe toggles belanden bovenaan, dus voeg de laatste vraag eerst toe.
  6. Klik op Opslaan op de werkbalk. Klik in Voorvertoning op een vraag om te controleren of het antwoord opent.

Wat je ziet

Elke vraag is een kop met het gekozen uitvouwpictogram. Een klik opent het antwoord eronder, en het antwoord dat openstond sluit. Met Samenvouwen uit staat het eerste antwoord open wanneer de pagina laadt. De antwoorden blijven in de HTML van de pagina staan terwijl ze gesloten zijn, zodat zoekmachines ze nog kunnen lezen.

Je uitvouwbare paneel instellen

Het element Uitvouwbaar paneel heeft twee instellingen, onder More > Settings in de besturingsbalk.

Instelling Wat het doet Standaard
Samenvouwen Aan: elke toggle begint gesloten. Uit: de eerste toggle begint open Uit
Uitvouwpictogram Het pictogram naast elke titel: Geen, + (plus en min) of ﹀ (een pijl) Geen

Elke toggle heeft één instelling, Toggletitel: de vraag of kop waarop bezoekers klikken.

Toggles beheren

  • Opnieuw rangschikken: sleep een toggle aan Toggle in de besturingsbalk en zet hem boven of onder een andere neer.
  • Hernoemen: beweeg over de toggle, open More > Settings, wijzig de Toggletitel en klik op Opslaan.
  • Verwijderen: beweeg over de toggle, open More en kies Delete. Het antwoord erin gaat mee.

Een toggle bevat willekeurige elementen: tekst, afbeeldingen, knoppen of een rij met kolommen. Houd elk antwoord kort. Als een antwoord een eigen pagina nodig heeft, link dan naar die pagina.

Als je het niet ziet

  • De nieuwe vraag verschijnt bovenaan. Toggle toevoegen voegt altijd bovenaan het paneel in. Sleep de toggle aan Toggle in de besturingsbalk naar de plek die je wilt.
  • De instellingen tonen alleen Toggletitel. Je opende de instellingen van één toggle. Beweeg over de bovenrand van het paneel zodat de besturingsbalk van Uitvouwbaar paneel verschijnt, en open daar More > Settings.
  • Het eerste antwoord staat open wanneer de pagina laadt. Samenvouwen staat uit. Zet het aan in de instellingen van Uitvouwbaar paneel zodat elk antwoord gesloten begint.
  • Uitvouwbaar paneel ontbreekt op het tabblad Lay-out van de kiezer. Je DXPR Builder-gebruikersprofiel sluit het uit. Een beheerder vinkt Accordeon aan onder Elementen in je profiel op /admin/dxpr_studio/dxpr_builder/profile.

Wat nu?