Accordion

Hvad er en accordion

En accordion er et modul der giver mulighed for at indsætte tekst, billeder og links i et indholdsområde som brugeren kan folde ud og sammen. Det giver mulighed for at sider med meget information fordelt på afsnit bliver mere komprimeret på siden og dermed også mere overskuelig for brugeren.

Et eksempel på brug af accordion:

Et eksempel på en accordion med henholdsvis lukkede og åbnede punkter:

Opsæt en accordion

For at indsætte et modulet ’accordion’ på en side i Umbraco, skal du:

1. Venstreklik på den side i indholdstræet, som der skal tilføjes et modul til.
   
   
   
   

2. Herefter får du vist sidens redigeringsområde. Her skal du navigere til sektionen ’sideindhold – indholdssektion’ og trykke på knappen ’tilføj indhold’.

3. Når du har trykket på knappen ’tilføj indhold’, vil der komme en boks frem i højre side af skærmen. Denne boks indeholder en oversigt over modulerne og giver mulighed for at vælge og tilføje et modul til siden – vælg modulet ’Artikel indhold’
   
   
   
   

4. Når du har klikket på modulet ’Artikel indhold’, vil modulets opsætnings- og redigeringsmuligheder vises under indholdssektionen – her skal du klikke på knappen ”Tilføj indhold” som hører til ’Artikel indhold”.

   Bemærk! Modulers redigeringsmuligheder kan foldes ud (▸) og foldes sammen (▾) vha. af ikonet til venstre for modulets navn.

   
   
   
5. Du vil nu få vist en række moduler som kan tilføjes til under modulet ’Artikel indhold’. I denne liste af moduler skal du vælge ’Accordion’.
   
   
   
   
6. Når du har valgt modul ’accordion’, får du vist et redigeringsområde som giver mulighed for at tilføje en titel (titel) og punkter i en accordion (accordion items). Her skal du som minimum tiføje ét ”accordion item” ved at klikke på knappen ”Tilføj Accordion Item”.
   
   
   
   
7. Du vil nu få vist redigeringsområdet for et ’accordion item’. Her skal du som minimum tilføje titel, samt indhold i form af tekst og/eller billeder. Når du har indsat din titel og dit indhold, så skal du klikke på ”Indsæt” nederst i højre hjørne.
   
   Bemærk: Feltet ’Anchor’ giver mulighed for at tilføje et id som der kan linkes til, så brugeren kan tilgå et link der fører brugeren videre til et specifikt ”accordion item”.
   Læs hvordan du bruger ’Anchor’ funktionen her.
   
   
   
   
8. Når du har oprettet dine ’accordion items’, så skal du blot klikke ”Indsæt”, samt gemme og udgive siden.