wrap my links with and remove row class when active.

151 Posts

waynep16 Reply #1, 18 years, 5 months ago

wayfinder is outputting like this -

<ul><li class="link current"><a href="" >Page 1</a></li>
<li class="link"><a href="" >Page 2</a></li></ul>

I need to remove my level class "link" for the active item which is called "current" and also wrap all links in the element like this:

<ul><li class="~~link~~ current"><a href="" >Page 1</a></li>
<li class="link"><a href="" >Page 2</a></li></ul>

London web design - MODx specialists

4,205 Posts

dev_cw Reply #2, 18 years, 5 months ago

You need to set a custom &hereTpl like this:

<li class="current"><a href="" >
	<span>[+wf.linktext+]</span></a>
	[+wf.wrapper+]
</li>

And also a &rowTpl to add the span tags which can be the same as the hereTpl but with a different class:

<li class="link"><a href="" >
	<span>[+wf.linktext+]</span></a>
	[+wf.wrapper+]
</li>

You could also use the custom class features of Wayfinder. Check out the docs for all the options:
http://www.muddydogpaws.com/development/wayfinder/parameters.html

[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]

151 Posts

waynep16 Reply #3, 18 years, 5 months ago

great thanks mate sorted like this

<li class="current"><a title="[+wf.title+]" href="[+wf.link+]" ><span>[+wf.linktext+]</span></a>[+wf.wrapper+]</li>

London web design - MODx specialists