Du kan indstille en række præsentationsindstillinger for indholdsmodulerne, herunder bl.a. temafarve, kasse layout og Element ID.
På indholdsmoduler finder du en ”Indhold” fane og ”indstillinger” fane hvor der er præsentationsindstillinger der gælder for det enkelte modul. Nogle af disse indstillinger går igen på tværs af moduler og er beskrevet nedenfor:
Giver modulet et navn som vises for redaktører i grid layoutet, for at skabe overblik. Læs mere om Navn under Moduler
Giver modulet en overskrift. Designet af overskriften kan variere fra modul til modul, men i koden sættes der som standard en H2 overskrift.
Denne indstilling findes på moduler hvor der kan indsættes et billede. Her bestemmer du hvordan billedet skal beskæres i modulet, ud fra de beskæringsmuligheder der findes på billeder i mediearkivet. Du kan læse mere om disse under billede modulet
Hvis denne indstilling er slået til, vil dette modul blive vist med en kasse rundt om modulet. Designet af kassen kan justeres under Modul standardindstillinger sideindstillinger
Få modulet til at gå helt til kant af skærmen med denne indstilling.
For at Fuld skærm indstillingen har nogen effekt, skal modulet indstilles til at fylde 12 kolonner.
Globale moduler kan ikke indstilles til at være fuld skærm, da denne indstilling skal håndteres på siden hvor modulet indsættes.
Når modulet er indstillet til at være fuld skærm vil det strække sig over hele sidens bredde (eller til kanten af sidens kasse, hvis ”Boks layout” er slået til under Layout fanen på sideindstillinger noden).
Sætter et id i HTML koden, således at der kan linkes direkte til modulet i URL’’en. F.eks. eksempel.dk/#element-id-her
ID’et præfikses med "element-" og fjerner automatisk mellemrum og andre ugyldige tegn.
Moduler kan tematiseres med temafarverne A-H, ”Gray”, ”White” og ”Base”, ved at vælge en af temaerne gennem temafarve dropdown menuen.
Vælges der en temafarve på modulet, skifter modulet automatisk farver ud alle elementerne i modulet, som f.eks. baggrundsfarve, tekstfarve, knapfarve, rammefarve, linkfarve osv.
A, B, C, D, E, F, G og H temaerne konfigureres under Farver fanebladet under Sideindstillinger. Har du ikke indstillet temafarverne, bliver der anvendt nogle standardfarver.
Anvender et gråt farvetema på modulet, med den grå farve #f3f2f2. Se de grå farver under standardfarver.
Anvender et hvidt farvetema på modulet, med farven #fff.
Base temaet er et tema du kan anvende når du ønsker at modulet skal fremstå som det gjorde hvis det ikke havde noget tema valgt. Dette kan eksempelvis være brugbart når du anvender et ”Indre grid” modul som har en temafarve, men ønsker at moduler indsat i Indre grid ikke skal nedarve temafarven fra Indre grid modulet. I sådan et tilfælde ville du sætte en temafarve på Indre grid modulet, og på de moduler du indsætter i Indre grid ville du anvende ”Base” temafarven.
Hvis denne indstilling er slået til, vil dette modul ikke vises på mobile enheder og små skærmstørrelser.
Angiv om modulet skal animeres når modulet kommer til syne på skærmen.
Du kan som redaktør vælge mellem fem forskellige animationer, når du indsætter et modul. Du vælger, hvilken animation du ønsker, under et moduls indstillinger. Herefter vælger du den ønskede animation i dropdown menuen "Visningsanimation".
De fem forskellige animationer omfatter:
Se eksempler af de fem animationstyper her.
Når du vælger en af disse animationer på et modul, vil et modul hhv. glide oppefra og ned, eller nedefra og op, i en hurtig bevæglse, når brugeren scroller hen over modulet på sin skærm.
Her vil modulet glide ind fra hhv. venstre eller højre side af skærmen, når brugeren scroller hen over modulet på sin skærm.
Fade in får modulet til at gå fra usynlig til synlig over kort tid, når brugeren scroller hen over modulet på sin skærm.
Undlad at animere alle elementerne på en side, men udvælg blandt de få, store og visuelt bærende elementer. Sørg også for at anvende samme effekt på samme type af indholdselementer på tværs af dit website.
Af hensyn til webtilgængelighed animeres moduler ikke, hvis brugeren i sine browser- eller styresystems-indstillinger har angivet at de ønsker begrænsede animationer (prefers-reduced-motion)
