Expanderbart innehåll

Dekorationen Expanderbart innehåll 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 FAQ-lö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 expanderbart innehåll, ni sätter helt enkelt en dekoration på en layout. Första elementet i layouten blir rubrik i box 1 och andra elementet blir innehåll i box 1 och detta upprepas sedan för allt innehåll som läggs in i layouten.

Skapa expanderbart innehåll

  1. Skapa en layout och använd dekorationsmallen Expanderbart innehåll. 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 Rubrik 2. 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.
    • Alternativ 1 - Textinnehåll: Placera ut en textmodul med brödtext direkt efter textmodulen du skapade i Steg 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. Gå gärna in i redigeringsläget för att se hur innehållet är uppsatt.

Rubrik

Lite innehåll i det expanderbara innehållet

Rubrik i avancerat innehåll

Textinnhåll och en bild