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