I’m basing this on the Ultimate drop menu and am in revolution 2.02, calling wayfinder like this:
[[!Wayfinder? &startId=`0` &level=`0` &parentRowTpl=`cssplay_revParentRow` &cssTpl=`cssplay_ultdrop`]]
cssplay_revParentRow
<li>
<a [+wf.classes+] href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]<!--[if IE 7]><!--></a><!--<![endif]-->
<table>
<tr>
<td>
[+wf.wrapper+]
</td>
</tr>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
and
cssplay_ultdrop
<link rel="stylesheet" media="all" type="text/css" href="http://www.actusreuspress.com/assets/templates/wayfinder/ultimate.css" />
using an absolute value for the URL as it was flaking with the relative ref...
The CSS is lock stock and barrel at the moment from the ultimate drop menu
/* common styling */
.menu {
font-family: verdana, sans-serif;
width:690px;
position:relative;
font-size:0.85em;
z-index:100;
}
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#000;
width:89px;
height:3em;
color:#000;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#dfc184;
padding-left:10px;
line-height:3em;
}
* html .menu ul li a, .menu ul li a:visited {
width:99px;
w\idth:89px;
}
.menu ul li ul {
display: none;
}
table {
margin:-1px;
border-collapse:collapse;
font-size:1em;
}
/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#fff;
background:#bd8d5e;
}
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block;
position:absolute;
top:3em;
margin-top:1px;
left:0;
width:100px;
}
* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden;
position:absolute;
height:0;
width:0;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block;
background:#faeec7;
color:#000;
height:auto;
line-height:1.2em;
padding:5px 10px;
width:79px
}
* html .menu ul li a:hover ul li a {
width:100px;
w\idth:79px;
}
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#c9c9a7 url(drop.gif) bottom right no-repeat;
}
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#c9c9a7;
color:#000;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
left:100px;
top:0;
width:100px;
}
.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-100px;
}
The thing is that I get output for the first menu item (home) which is top level with no children, but as soon as I have an item with children I get the tag output (+wf.wrapper+) & (+wf.linktext+) for example... All top level menu items without chidren appear but any with children out put as wayfinder code...
Its as if wayfinder is not installed but it is...
any thoughts would be really welcome as I’ve been playing around with this for days now and am unable to see what I’m doing wrong or if its a genuine issue...
Thanks