Expanderbar lista/ruta

Dekorationerna Expanderbar lista och Expanderbar ruta används för att gruppera och dölja information på en sida tills besökaren själv väljer att klicka för att se mer. Ett typiskt exempel är en boxlösning där man samlar en lista med frågor och döljer svaren i boxar.

Det är väldigt enkelt att sätta upp boxarna, ni sätter helt enkelt en dekoration på en layout. Därefter blir första modulen rubrik och andra modulen innehåll och detta upprepas sedan.

Skapa en Utfällbar box

1. Skapa en layout och använd dekorationsmallen Expanderbar lista/box. I din nya layout kommer sedan alla frågor och svar att placeras.
2. Skapa en textmodul där du skriver en rubrik med formatmallen Underrubrik. Den här textmodulen kommer att bli knappen som man klickar på för att visa innehållet.
3. För innehållet som ska flikas ut kan man göra på två sätt. Alternativ 1 lämpar sig bättre för enbart text och Alternativ 2 kan användas när du vill ha flera moduler grupperade under samma rubrik. Ett vanligt användsområde för Alternativ 2 är om du exempelvis vill ha en inledande text och sedan en bild eller ett formulär.
   1. Alternativ 1 - Textinnehåll:
      Placera ut en textmodul med brödtext direkt efter textmodulen du skapade i Steg 2.
      
   2. Alternativ 2 - Avancerat innehåll:
      Placera i stället ut en till layout som ligger direkt under textmodulen du skapade i Steg 2. I den här layouten lägger du sedan innehållet som ska flikas ut. Exempelvis en textmodul, en bild och ett formulär.
4. För fler frågor och svar, upprepa Steg 2 och 3 inuti din layout med dekorationen som du skapade i Steg 1.

Obs! Funktionen är endast aktiv i visningsläge. Detta för att du ska kunna redigera innehållet i boxen utan att det fälls in. Se även till att dekorationen endast används på layouten som du skapade i Steg 1.

Nedan ser du exempel på båda olika sätten för de två olika dekorationerna. Gå gärna in i redigeringsläget för att se hur innehållet är uppsatt.

Rubriknivå 2

Rubriknivå 3

Brödtext