Slik fungerer automatisk innholdsfortegnelse
Innholdsfortegnelse brukes til lange dokumenter, der det er viktig for brukeren å få raskt oversikt over innholdet og kunne hoppe til ønsket avsnitt. Eksempler er brukerveiledninger eller lange saksdokumenter.
Eksempel på en innholdsfortegnelse brukt på uio.no
![Skjermdump av en innholdsfortegnelse som eksempel på komponenten](/om/designmanual/profilen-i-bruk/nettsider/elementer/skjermbilde-2021-05-11-kl.-10.26.35.png)
Slik legger du inn innholdsfortegnelse
- Opprett dokumentet med formaterte overskrifter
- Kopier koden
- Lim inn koden øverst i dokumentet
$<slettmeg>{resource:toc}
OBS! Fjern "<slett meg>" i koden ovenfor for å få koden til å virke.
Endre tittel
Tittelen settes automatisk til "Innholdsfortegnelse". Hvis du vil ha en annen tittel, skriver du "title=[nytittel]" etter "${resource:toc" - slik:
${resource:toc title=[Dagsorden]}
Kun listing av Overskrift 2
Du kan få komponenten som lager en automatisk innholdsfortegnelse til kun å liste øverste nivå av overskrifter ("Overskrift 2") ved å legge komponenten på denne måten
<div class="vrtx-toc-only-one-level">
${resource:toc}
</div>
Endre skriftstørrelse
Det finnes noen spesialklasser du kan legge inn i kildekoden for å styre utseende til innholdsfortegnelsen.
Redusere størrelsen på overskriften til innholdsfortegnelsen fra h2 til h3
<div class="vrtx-toc-style-like-h3">
${resource:toc}
</div>
Redusere størrelsen på overskriften til innholdsfortegnelsen fra h2 til h4
<div class="vrtx-toc-style-like-h4">
${resource:toc}
</div>