---
title: Navigation
url: 'https://groovy.simplo.dev/produkt-b/guider/navigation'
updated: '2026-09-24'
description: 'Så byggs vänstermenyn upp från sidträdet.'
---

# Navigation

Så byggs vänstermenyn upp från sidträdet.

## Ordning och synlighet

Sidor med numeriskt prefix i mappnamnet, till exempel `01.installation`, räknas som synliga och sorteras enligt numret.

```text
03.komma-igang/
  01.installation/
  02.konfiguration/
```

### Dölja en sida

En sida utan numeriskt prefix visas inte i menyn men är fortfarande nåbar via direktlänk om den är routbar.

![Alternativ text](https://groovy.simplo.dev/produkt-b/guider/navigation/ibm.svg)

## Gruppetiketter

En sida kan markeras som gruppetikett i sina inställningar (fliken **Docs** i Admin). Då visas den som en icke-klickbar rubrik och dess undersidor listas under den.

[En länk till en annan sida](https://groovy.simplo.dev/produkt-b/produkt/v3)

[En länk till SVG](https://groovy.simplo.dev/produkt-b/guider/navigation/ibm.svg)

[En länk till en PDF](https://groovy.simplo.dev/produkt-b/guider/navigation/testdokument.pdf)

[En länk till en youtube-video](https://www.youtube.com/watch?v=YZPXdO2zT3w)

[En länk till en lokal MP4-video](https://groovy.simplo.dev/produkt-b/guider/navigation/sample-5s.mp4)

### Inbäddat

[Video](https://www.youtube.com/watch?v=bUVhHzE67I4)

[En inbäddad youtube-video](https://www.youtube.com/watch?v=YZPXdO2zT3w)

[En inbäddad lokal video](https://groovy.simplo.dev/produkt-b/guider/navigation/sample-5s.mp4)

[En inbäddad PDF, 500 px hög, till höger](https://groovy.simplo.dev/produkt-b/guider/navigation/testdokument.pdf)

[En inbäddad Vimeo-video, halv bredd](https://vimeo.com/76979871)

![En bild i halv bredd](https://groovy.simplo.dev/produkt-b/guider/navigation/ibm.svg)

![En bild i en tredjedels bredd, till höger](https://groovy.simplo.dev/produkt-b/guider/navigation/ibm.svg)

> [!TIP]
> Gruppetiketter är praktiska för att dela upp stora sektioner utan att skapa en egen landningssida.

## Aktiv gren

Menyn fäller automatiskt ut den gren som innehåller den aktuella sidan, och den aktiva sidan markeras visuellt.

[testdokument.pdf](https://groovy.simplo.dev/produkt-b/guider/navigation/testdokument.pdf)

| Tillstånd | Beskrivning |
|---|---|
| `active` | Sidan som visas just nu |
| `activeChild` | En förälder till den aktiva sidan |

## This is a story

Läs vidare om [sökfunktionen](https://groovy.simplo.dev/produkt-b/guider/sok).

---

## Navigation

- Parent: [Guider](https://groovy.simplo.dev/produkt-b/guider.md)
- Previous: [Skriva sidor](https://groovy.simplo.dev/produkt-b/guider/skriva-sidor.md)
- Next: [Sök](https://groovy.simplo.dev/produkt-b/guider/sok.md)