Elementen Navigation

Met dit element kun je een navigatie op de pagina plaatsen. Een navigatie is een oplijsting van knoppen, die elk een actie (meestal een link) hebben. Dit element kan zowel voor hoofdnavigaties, subnavigaties als voetnavigaties gebruikt worden.

Instellingen

Je kunt volgende zaken instellen:

  • Direction: de navigatie kan horizontaal (knoppen naast elkaar) of verticaal (knoppen onder elkaar) zijn.
  • Navigation type: hier heb je volgende mogelijkheden:
    • Pages: vink de pagina's in de boomstructuur aan die weergegeven moeten worden in de navigatie.
    • Custom: stel zelf een boomstructuur op van items. Klik op Add item om een nieuw item toe te voegen. Je kunt per item een label invullen en acties toekennen (zie Acties). Je kunt eender welke structuur opbouwen door de items te verslepen.

Niveaus

Per niveau kun je instellen hoe het getoond moet worden. Enkele voorbeelden:

  • Standaard hoofdnavigatie: 1ste niveau weergeven, andere niveaus verbergen.
  • Hoofdnavigatie met uitklapmenu's: 1ste niveau weergeven, 2de niveau weergeven bij hover.
  • Subnavigatie: 1ste niveau verbergen, 2de niveau weergeven, 3de niveau weergeven indien actief (3de niveau wordt enkel getoond van het item op 2de niveau die actief is).

Layout

In het layout-luik kun je per niveau de stijl bepalen. Per niveau heb je 2 stijlen:

Responsive

Vink Responsive aan als je wil dat de navigatie dichtklapt bij smallere schermen.

Je kunt ook het breakpoint kiezen: vanaf hoeveel pixels moet de navigatie dichtklappen? Dit kun je aanpassen naargelang de lengte van je navigatie, grootte van het logo, enz.

Daarnaast kun je de responsive look & feel bepalen, als volgt: