Hi,
The code i have for my menu isn’t quite right and i can’t figure out to remedy it.
The menu i want to achieve is this:
<div id="nav">
<ul class="select"><li class="active"><a href="#" title="#">link one</a></li></ul>
<ul class="select"><li><a href="#" title="#">link two<!--[if IE 7]><!--></a>
<!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="#" title="#">Sub link 1</a></li>
<li><a href="#" title="#">Sub link 2</a></li>
<li><a href="#" title="#">Sub link 3</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li></ul>
<ul class="select"> <li><a href="#" title="#">link three</a></li></ul>
<ul class="select"><li><a href="#" title="#">link four</a></li></ul>
</div>
So i have my chunks as follows:
Outer
<div id="nav">
<ul class="select">
[+wf.wrapper+]
</ul>
</div>
parentRow
<ul class="select"><li [+wf.classes+]>
<a href="[+wf.link+]" title="[+wf.title+]">
[+wf.linktext+]<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
[+wf.wrapper+]
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li></ul>
row
<li [+wf.classes+]><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a>
[+wf.wrapper+]</li>
inner
<ul class="sub">
[+wf.wrapper+]
</ul>
Wayfinder call:
[[Wayfinder? &startId=`0` &level=`2` &parentRowTpl=`parentRow` &outerTpl=`outer` &innerTpl=`inner` &rowTpl=`row`]]
It’s mostly displaying fine but I need a closing </ul> tag on each row. If i take off the <ul> tags from ’outer’ and add them to ’row’ they display on the sub items too, so i need a way to display the sub items with just the <ul class="sub"><li><a href="#"></a></li></ul> and the top level items as <ul class="select"><li><a hre="#"></a></li></ul>.
Any ideas how i can alter the chunks for this to output the correct code?
Thanks for any help
J
