This menu system is killing me

I just need a plain menu like this:

Wasting | Time | On | Ridiculous | Menu | System

Instead i get a menu like this:

Wasting
Time
On
Ridiculous
Menu
System

I use this piece of code: [!Wayfinder?startId=`0` &hereClass=`current` &level=`1` &outerClass=`topav`!]

What to do?

Wayfinder outputs semantically correct UL - LI navigation lists by default. You can either customize it via CSS to display inline or use a custom Wayfinder template to use whatever tags you like.

Quote from: Mark at Feb 22, 2007, 04:41 PM

You can either customize it via CSS to display inline or use a custom Wayfinder template to use whatever tags you like.

How do you get it to point to your own CSS?

You edit the CSS file that you are using on your site. For example, if you are using the default template MODxHost then it would be /assets/templates/modxhost/modxmenu.css.

Mark >> Inline, do you mean display: inline; ?

It does nothing good for me. What exactly do I have to write, and where?

I’m not using the default template MODxHost. I’m using my own, but I dont know what piece of Style Sheet the [!Wayfinder?startId=`0` &hereClass=`current` &level=`1` &outerClass=`topav`!] calls.

My themplate is using it’s own Style Sheet, yes, but is it in that Sheet i’ll make the changes to make the menu stop listing?

yes, you just need to set the css for the menu in your css file.

Quote from: kylej at Feb 23, 2007, 08:05 PM

yes, you just need to set the css for the menu in your css file.

I figured it out! What you need to do is in the Wayfinder snippet add your style or id (from your stylesheet that is in your website modx template). In the example below I inserted TopNav in the snippet and it used my css! I’m still not sure how to tie it to a chunk but this should work just fine.

//get user class definitions
$wf->css[’first’] = isset($firstClass)? $firstClass: ’TopNav’;
$wf->css[’last’] = isset($lastClass)? $lastClass: ’last’;
$wf->css[’here’] = isset($hereClass)? $hereClass: ’active’;
$wf->css[’parent’] = isset($parentClass)? $parentClass: ’’;
$wf->css[’row’] = isset($rowClass)? $rowClass: ’TopNav’;
$wf->css[’outer’] = isset($outerClass)? $outerClass: ’’;
$wf->css[’inner’] = isset($innerClass)? $innerClass: ’’;
$wf->css[’level’] = isset($levelClass)? $levelClass: ’’;
$wf->css[’self’] = isset($selfClass)? $selfClass: ’’;
$wf->css[’weblink’] = isset($webLinkClass)? $webLinkClass: ’’;

My guess is that you were trying to make it more difficult than it is. Very glad you got it working!

You can set parameters in your calls to override those values such as:



Also note that as of version 2 which will be in the next RC release, you can set all parameters in a config file that allows you to more easily contain a complex wayfinder setup in a single file that you can edit in your favorite text editor. Enjoy!

At lest you can stop pulling your hair out now! good work.