Gitter (Grid)

Gitter bruges hvis du har brug for at dele sidebredden for at afskille indhold horisontalt.

Gitter kan sættes på

Temasider
Emnesider
Transportsider

Gitter kan sættes i områder på siden/i komponenter

Content section
Gitter

Komponenter der kan oprettes under gitter

Foldetekst
Billeder
Tekst
Video
Banner Card (ikke på emneside)
Eksempelboks
Kontaktboks (ikke på emneside)
Teaser card (ikke på emneside)
Gitter
Downloadknap
Beregner (ikke på emneside)
Progression list

Klik på "Tilføj indhold" i en Content Section

Klik på "Gitter"

Skriv evt en overskrift. Denne bruges kun til overblik på Umbraco.

Klik på "Tilføj indhold" for at sætte indhold i gitteret.

Vælg en eller flere komponenter, du ønsker at sætte ind i gitteret.

Klik på "Indstilinger"

Vælg fordelingen af gitter. Altså hvor stor skal første kolonne og anden kolonne være.

Som standard setting er der luft mellem de to kolonner. Men du kan vælge at fjerne afstanden. Du kan ligeledes fjerne top margin, så der ikke er luft over komponenten.

Desuden kan de to kolonner tilpasses enkeltvis. Her kan der fjernes luft, så indholdet går helt til kanten, mens det også er muligt at vælge en anden baggrundfarve eller fjerne den.

Et gitter kunne se således ud for brugeren

3 kolonner med Gitter inde i Gitter

Det er muligt at lave 3 kolonner, hvis der skulle være behov for det. Her sættes et Gitter ind i et Gitter.

Sæt et Gitter ind i et Gitter

Yderste Gitter skal være 33/66 i fordelingen, hvis alle kolonner skal være lige store og inderste Gitter skal 50/50 i fordelingen.

Og begge Gitre er der valgt ingen luft ved kolonne 1 og kolonne 2. Ydermere er top-margin fjernet ved begge Gitre.

Anden version af 3 kolonner

Ved at ændre på fordelingen af kolonne 1 og 2 kan Gitter bruges på forskellig vis.

s simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing

Hvis man ønsker at have tre kolonner med fx links til temaer, eller andre undersider, kan man, i stedet for at bruge gitter-i-gitter, benytte sig af teaser-card-komponenten. Læs mere om det her

4 kolonner med to Gitter inde i Gitter

Det er muligt at lave 4 kolonner, hvis der skulle være behov for det. Her sættes to Gitter ind i et Gitter.

Man kan bruge billede-komponenten i gitter, og her er det samme indstillinger, som der er for billede-komponenten.

Se mere under billede-komponenten

Billeder sat ind med billede-komponenten forholder sig til den sidetype eller den komponent, de sættes ind i. På linket herunder er der eksempler på, hvordan forskellige billedeformater med forskellige indstillinger agerer, når et billede sættes ind i gitter.

Se eksempler på brug af billeder i gitter

Gitter (Grid)

Opret et gitter og tilføj indhold

Eksempler på brug af gitter

Brug af billede i gitter