Setup Wayfinder menu

17 Posts

x-itin Reply #1, 19 years, 3 months ago

Hi.
I’m going to set up my third site with modx and now I’m going to make a menu where I want to use Wayfinder.
Is there any sort of tutorials that can help you through making a menu with Wayfinder?
The menu don’t has to display the root documents in the document tree but only the sub items in the document tree.
Here you can see the site I’m setting up: http://www.fedme-kirurgi.dk/index2.php
Undermenu 1, Undermenu 2 etc. has to be the sub menu from the global menu in the top.

4,205 Posts

dev_cw Reply #2, 19 years, 3 months ago

This can be done easily with WF. The best place for info on WF is the developers site.
http://www.muddydogpaws.com/development/wayfinder/parameters.html

Also the Beginners guide to ModX has some usefull tips for setting up WF to do this.
http://wiki.modxcms.com/index.php/Beginner%27s_Guide_to_MODx

Also yo will want to look into using the UltimateParent snippet to make the template dynamically load the right submenu. Fir example:

[!Wayfinder? &startId=`[[UltimateParent? &topLevel=`2`]]` &level=`1` !]

[font=Verdana]Shane Sponagle | [wiki] Snippet Call Anatomy | MODx Developer Blog | [nettuts] Working With a Content Management Framework: MODx

Something is happening here, but you don't know what it is.
Do you, Mr. Jones? - [bob dylan]

17 Posts

x-itin Reply #3, 19 years, 3 months ago

Hi dev_cw,
Thanks for your answer.
I got the submenu to work via Wayfinder but now I want to style the menu, I have read round the site that I’m going to use chunk for it, but how can I make an image come before each part of the menu?
http://www.fedme-kirurgi.dk/forside.html
At that site you can see Undermenu 1, Undermenu 2 etc. That is the sub menu in raw text, but how can I style it like that?

I have made a chunk called wfParentRowHere:

<div class="smallikon"[+wf.classes+]></div>
<p class="regionalmenutxt"[+wf.classes+]>
<a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a>[+wf.wrapper+]
<br />
</p>

And then this code is in the template:

[!Wayfinder? &startId=`[[UltimateParent? &topLevel=`2`]]` &level=`1` &parentRowHereTpl='wfParentRowHere'  &cssTpl='cssplay_style' !]

At the bottom of the site in the URL I had attached to this reply you can see the Wayfinder menu - It shows the menu in bullets...?

17 Posts

x-itin Reply #4, 19 years, 3 months ago

Now it works okay, the only thing I need now is to set the text in LI to a 9px size. I really don’t understand why it won’t set it to 9px...?
Here is my css code:

li{
margin-left:-30px;
font-size:9px;
}

ul{
	list-style: none;
	list-style: url(../images/regionalMenuDot.gif);
	list-style-type: disc;
	padding-left: -6em;
	margin-top:-3px;
}