Fold-ud-element
Fold-ud-funktionaliteten kan du opnå for ét enkelt element eller for en container med flere elementer indeni. De omtales også som fold-ud bokse, collapsible elementer eller containere, harmonika, åbn-luk elementer osv.
Når du hurtigt skal give brugeren overblik over en stor stofmængde, kan du bruge fold-ud-elementer. Man kan selv vælge, om elementet som standard skal være åbent eller lukket. Er elementet lukket, er kun overskriften synlig, mens indholdet er skjult, når siden åbnes. Det giver et ekstra klik for brugeren at få adgang til det relevante indhold, når elementet skal foldes ud – til gengæld er det hurtigt at danne sig et overblik, hvis en side har meget indhold.
Fold-ud boks (åben)
Man kan selv vælge, om elementet som standard skal være foldet ud eller foldet ind.
Fold-ud boks (lukket)
Man kan selv vælge, om elementet som standard skal være foldet ud eller foldet ind.
Sådan gør du
Der er to forskellige måder at lave fold-ud-elementer på:
1. Fold-ud-container
Vælger du en fold-ud-container, kan du placere de elementer, du har behov for, i den – samlet under ét. Fold-ud-containeren finder du under fanebladet Container (se Indsæt nyt element). Metoden er anvendelig, hvis du gerne vil have mere end ét element indeni din fold-ud-container.
2. Fold-ud for et enkelt element
Du kan i stedet vælge at slå fold-ud-funktionaliteten til for Tekst- eller Tekst & billeder-elementer enkeltvis. Det gør du i elementets faneblad Udseende, som vist nedenfor. Denne metode er god, hvis du kun har et element, som skal have fold-ud-funktionalitet.
Indsæt fold-ud-container (1)
1. Vælg fanebladet Container.
2. Vælg elementet Collapsible container.
3. Giv fold-ud-elementet en overskrift.
4. Vælg om fold-ud-elementet skal være åbent eller lukket som udgangspunkt.
5. Gem og luk.
Nu er fold-ud-elementet oprettet.
6. Du kan nu tilføje de elementer, du har behov, for ved at klikke på ikonet for at tilføje sideelementer (+ Indhold).
Indsæt et enkelt fold-ud element (2)
1. Opret et nyt element på din side ved at trykke på ikonet + Opret nyt indhold.
2. Vælg f.eks. Almindeligt tekstelement
3. Giv fold-ud-boksen en overskrift.
4. Indsæt indhold i tekstfeltet.
5. Skift til fanebladet Udseende.
6. Fold rullemenuen under Ramme ud, og vælg enten Collapsible (open) eller Collapsible (closed).
Nu er fold-ud-elementet oprettet.
Link ind til et fold-ud-element
Du linker til et fold-ud-element som til alle andre elementer i TYPO3. Når brugeren klikker på dit link, vises fold-ud-elementet åbent.
Hvis dit fold-ud-element ligger på en side, som du ikke har adgang til i backend, skal du linke til det på en lidt andet måde.
Kombiner fold-ud-container med fold-ud-elementer
Det er muligt at placere et eller flere fold-ud-elementer inden i en fold-ud-container. For at løsningen ikke bliver for klodset, er der udarbejdet et særligt design hertil, hvor lukkede fold-ud-elementer ikke vises i bokse, men i stedet afgrænses med en tynd streg.
Sådan gør du
Opret en fold-ud-container, som beskrevet ovenfor i vejledningen “Indsæt fold-ud-container”.
1. Skift til fanebladet Udseende.
2. Fold rullemenuen under Ramme ud, og vælg Collabsible (new).
Gem og luk elementet. Fold-ud-containeren er oprettet.
Nu kan du oprette et eller flere fold-ud-elementer inden i fold-ud-containeren ved at følge den vejledning ovenfor, som hedder “Indsæt et enkelt fold-ud element”. Dine fold-ud-elementer vil automatisk få det særlige design.