Accordions with content elements
Trin 1
- Stå på den indholdsside, hvor du skal bruge content elementet.
- Klik på ‘+ Create new content’.
- Vælg ‘Accordions with content elements’ under fanen ‘Interactive’.
Trin 2
- Giv content elementet en sigende titel under fanen ‘General’, så du kan holde styr på elementerne i din accordion.
- Vælg, om den skal vises i frontend også.
- Klik på ‘Save and close’, når du har skrevet en titel for at kunne sætte accordion items ind i din accordion.
Trin 3
Under fanen ‘Accordion options’ skal du tage stilling til felterne:
- ‘Accordion style’: Hvilken stil skal accordionen have? Vælg mellem:
- ‘Normal accordion’: Alle accordion items er samlet og viser kun en overskrift.
- ‘Semi collapse accordion’: Alle accordion items er delt op og viser en smule af teksten fra det enkelte item.
- ‘Allow either one of more accordions to be open at the same time’: Vælg, om kun et eller flere accordion items kan være åbne på samme tid.
- ‘Select accordion to be open by default’: Vælg om en af dine accordion items skal være åbnet automatisk, når brugeren åbner siden. Default er, at alle er lukkede fra starten.
- OBS: Du kan først vælge dette, når du har lavet alle de accordion items, der skal være i content elementet.
Trin 4
Tilføj et accordion item ved at trykke på ‘+ Create new content’.
Giv dit accordion item den titel, det skal have i frontend.
Når du har skrevet titlen, klikker du på ‘Save and close’ for at kunne sætte content elementer ind i dit accordion item.
Trin 5
- Klik på ‘+ Create new content’ under ‘Accordions item’ for at sætte et content element ind i det første accordion item.
- Udfyld content elementerne, som deres vejledninger forklarer.
- Gentag trin 4-5 for hvert accordion item, der skal være i din accordion. Der kan være op til 15 accordion items i en accordion.
Dette er et eksempel på et accordion med content elements og normal visning
Her er teksten til det første content element i det første accordion.
Billedet herover er et selvstændigt content element (Images only), som viser billedet i accordionet. Dette er endnu et content element (Regular text), som er placeret under billedet.
Og herover endnu et selvstændigt content element til et billede. Og her igen et content element til tekst.
Bacon ipsum dolor amet hamburger meatloaf pork chop shank meatball. Short ribs short loin sausage flank chuck jerky andouille venison turducken picanha strip steak capicola drumstick ball tip boudin. Flank pork chop salami, tri-tip chuck capicola pork loin boudin short ribs prosciutto doner brisket. Tenderloin kielbasa pastrami, turducken venison meatloaf ham hock t-bone drumstick short ribs.
Short loin biltong shank fatback kielbasa. Jerky filet mignon pig, flank corned beef pork chop t-bone. Capicola cupim sirloin pastrami ham hock alcatra pig kielbasa bresaola prosciutto beef ribs ground round cow. Beef chuck tongue cow capicola short loin fatback ground round meatloaf kielbasa andouille strip steak pork chop t-bone. Tail frankfurter pancetta chislic. Burgdoggen rump turducken, bresaola kielbasa boudin filet mignon picanha pastrami flank beef ribs hamburger ham hock fatback strip steak. Ham ball tip sausage shoulder t-bone beef spare ribs beef ribs doner cow chicken shankle meatball tongue chislic.
Video text:
Bacon ipsum dolor amet hamburger meatloaf pork chop shank meatball. Short ribs short loin sausage flank chuck jerky andouille venison turducken picanha strip steak capicola drumstick ball tip boudin. Flank pork chop salami, tri-tip chuck capicola pork loin boudin short ribs prosciutto doner brisket. Tenderloin kielbasa pastrami, turducken venison meatloaf ham hock t-bone drumstick short ribs.
Dette er et eksempel på et accordion med content elements og semi collapse visning
Dette er et accordion item i semi collapse
Her er teksten til det første content element i det første accordion.
Billedet herover er et selvstændigt content element (Images only), som viser billedet i accordionet. Dette er endnu et content element (Regular text), som er placeret under billedet.
Og herover endnu et selvstændigt content element til et billede. Og her igen et content element til tekst.
Dette er også et accordion item i semi collapse
Bacon ipsum dolor amet hamburger meatloaf pork chop shank meatball. Short ribs short loin sausage flank chuck jerky andouille venison turducken picanha strip steak capicola drumstick ball tip boudin. Flank pork chop salami, tri-tip chuck capicola pork loin boudin short ribs prosciutto doner brisket. Tenderloin kielbasa pastrami, turducken venison meatloaf ham hock t-bone drumstick short ribs.
Short loin biltong shank fatback kielbasa. Jerky filet mignon pig, flank corned beef pork chop t-bone. Capicola cupim sirloin pastrami ham hock alcatra pig kielbasa bresaola prosciutto beef ribs ground round cow. Beef chuck tongue cow capicola short loin fatback ground round meatloaf kielbasa andouille strip steak pork chop t-bone. Tail frankfurter pancetta chislic. Burgdoggen rump turducken, bresaola kielbasa boudin filet mignon picanha pastrami flank beef ribs hamburger ham hock fatback strip steak. Ham ball tip sausage shoulder t-bone beef spare ribs beef ribs doner cow chicken shankle meatball tongue chislic.
Video text:
Bacon ipsum dolor amet hamburger meatloaf pork chop shank meatball. Short ribs short loin sausage flank chuck jerky andouille venison turducken picanha strip steak capicola drumstick ball tip boudin. Flank pork chop salami, tri-tip chuck capicola pork loin boudin short ribs prosciutto doner brisket. Tenderloin kielbasa pastrami, turducken venison meatloaf ham hock t-bone drumstick short ribs.