---
title: "Sådan designer du kategorierne i en sektion | Vejledninger - GoodBarber"
description: "KategorierNår en sektion har kategorier, skifter dine læsere mellem dem øverst på listen. Du vælger hvordan de ser ud og hvad headeren viser.Åbn Structure i menuen »My App«… og klik på sektionen, her…"
canonical_url: "https://dk.goodbarber.com/tutorials/design/sadan-designer-du-kategorierne-i-en-sektion/"
lang: da
---

# Sådan designer du kategorierne i en sektion | Vejledninger - GoodBarber

[Tilbage](https://dk.goodbarber.com/tutorials/)

# Sådan designer du kategorierne i en sektion

## Kategorier

Når en sektion har kategorier, skifter dine læsere mellem dem øverst på listen. Du vælger hvordan de ser ud og hvad headeren viser.

Åbn Structure i menuen »My App«… og klik på sektionen, her Sports.

Kategorierne oprettes i sektionens indstillinger, via tandhjulet. Deres design finder du her: Klik på Categories.

## Skabeloner

Der er fire skabeloner. Tags er den aktuelle og viser hver kategori i en afrundet celle.

Vælg Labels… så bliver kategorierne til enkle titler, der understreges når de er valgt.

Vælg Filters… så viser bjælken kun kategorierne. Som der står i panelet, viser listen som standard artiklerne i All.

Vælg Dropdown… så flyttes kategorierne ind i en menu med en pil på hver side.

## Headerens titel

Med Dropdown vælger du også titlen i headeren: »Section & category title«, »Section title only« eller »Categories only«.

Vælg »Categories only«… så viser headeren kategorien, All, i stedet for Sports.

## Farver og skrifttyper

Tilbage til Tags. Hver skabelon har sine egne indstillinger.

Farverne findes i to tilstande: »Not selected« og Selected. Her en ny farve til den valgte celle… så skiller den aktuelle kategori sig ud i sort.

Ved siden af hver skrifttype indstiller dette ikon størrelsen for hver skærm: mobil, tablet og computer.

En større skriftstørrelse på mobil… så er kategorierne lettere at læse.

## Udgivelse

Udgiv opdateringen af din app fra menuen Publish, så brugerne kan se ændringerne.

## Relaterede videoer

[DesignSådan sætter du din header op](/tutorials/design/sadan-stter-du-din-header-op/)

![Sådan sætter du din header op](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[DesignSådan indstiller du stilen i din app](/tutorials/design/sadan-indstiller-du-den-globale-stil-i-din-app/)

![Sådan indstiller du stilen i din app](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DesignSådan tilpasser du opstartsskærmen i din app](/tutorials/design/sadan-tilpasser-du-din-apps-splashscreen/)

![Sådan tilpasser du opstartsskærmen i din app](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[DesignSådan indstiller du navigationsmenuen i din app](/tutorials/design/sadan-indstiller-du-navigationstilstanden-i-din-app/)

![Sådan indstiller du navigationsmenuen i din app](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[DesignSådan tilpasser du ikonerne i din menu](/tutorials/design/sadan-tilpasser-du-ikonerne-i-din-menu/)

![Sådan tilpasser du ikonerne i din menu](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[DesignSådan designer du dine sektioner](/tutorials/design/sadan-designer-du-dine-sektioner/)

![Sådan designer du dine sektioner](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[DesignSådan kopierer du designet af en sektion](/tutorials/design/sadan-kopierer-du-designet-af-en-sektion/)

![Sådan kopierer du designet af en sektion](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DesignSådan opsætter du din startside](/tutorials/design/sadan-opstter-du-din-startside/)

![Sådan opsætter du din startside](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DesignHvordan vælger du din headerstørrelse?](/tutorials/design/hvordan-vlger-du-din-headerstrrelse/)

![Hvordan vælger du din headerstørrelse?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)