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. Därefter blir första modulen rubrik och andra modulen innehåll och detta upprepas sedan.

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 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam malesuada convallis gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae maximus dui. Maecenas vel gravida 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.

In non mollis augue. Praesent finibus pretium risus vitae sodales. Pellentesque facilisis mauris turpis, a vestibulum ex viverra id. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer sagittis elit at mauris consectetur aliquam.

Rubrik 2

Aliquam pharetra nec magna ut condimentum. Mauris tristique feugiat consectetur. Mauris condimentum ultrices ante sed finibus. Sed pretium tempus odio in cursus. Mauris sit amet dolor neque. Etiam dui mi, dapibus vel lacus a, iaculis pharetra libero. Duis sed pulvinar massa, ac tincidunt arcu.

Rubrik 1 för avancerat innehåll

En exempelbild

Rubrik 2 för avancerat innehåll

Dagens namn:

Astrid och Asta