Expanderbart innehåll 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 box 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam malesuada convallis. Consectetur adipiscing elit. Proin vitae maximus dui. Maecenas vel libero. Donec non ante ipsum. Nam vel sem ac nulla auctor congue. Nulla mattis ullamcorper varius. Quisque ut sapien eu justo aliquam rhoncus quis tempus sapien.

Rubrik box 2

Proin vitae maximus dui. Maecenas vel libero. Donec non ante ipsum. Nam vel sem ac nulla auctor congue. Nulla mattis ullamcorper varius. Quisque ut sapien eu justo aliquam rhoncus quis tempus sapien.

Rubrik box 1

Foto: Namn Namnsson

Rubrik box 2

Dagens namn:

Teodor och Teodora
Skriv ut
Senast uppdaterad: 22 juni 2023
Sidan publicerad av: System