English version of this page

Innholdsfortegnelse

Komponenten genererer en automatisk oppdatert innholdsfortegnelse av overskrifter i dokumentet. Den lister overskrifter som har formatering "Overskrift 2" (h2) eller "Overskrift 3" (h3) i starten av innholdsfeltet. Innholdsfortegnelsen består av hoppelenker som tar brukeren ned til valgte overskrift.

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
Skjermdump av en innholdsfortegnelse brukt på uio.no

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>
Publisert 29. des. 2021 11:20 - Sist endret 4. mars 2022 10:34