Hi there,
I’m just about to start working again on my new personal webpage and I look forward to maybe realize this with MODX. One answer I didn’t find is - how is navigation done? I mean, how to create a dynamic navbar? Level 1? Level 2?
Would be great if someone could give me a hint.
Thanks in advance, regards, Thomas
Hi Thomas
Welcome to the MODX forums.
The two most commonly used tools to generate dynamic navigation are:
pdoMenu
https://docs.modx.pro/en/components/pdotools/snippets/pdomenu
Wayfinder
https://docs.modx.com/extras/revo/wayfinder
I just created one yesterday, so here’s how I did it with Wayfinder:
First, the basic Wayfinder call, defining the startId
and more important as you requested the level
:
[[Wayfinder? &startId=`0` &level=`1`]]
In my case I wanted to change the default class name for the “active” site from .active
to .current
. I also wanted to apply the .current
class on the li
-tag and not as by default on the a
-tag. To achieve this I created a chunk template (called rowTpl
) and referenced it together with the new class name in the Wayfinder call:
[[Wayfinder? &startId=`0` &level=`1` &rowTpl=`rowTpl` &hereClass=`current`]]
The rowTpl
chunk looks like this:
<li [[+wf.classes]]><a href="[[+wf.link]]" title="[[+wf.title]]">[[+wf.linktext]]</a></li>
There’s plenty more attributes and settings to be adjusted for you liking, just take a look at the Docs.
Remember you can always hide a single resource from your navigation by editing it under the “Document”-tab and checking the little box named “Hide From Menus”.