I have to admit so far I have not used DropMenu to build multi-level menus, but now that I do
I concur with cino I have the very same problem of hereClass not being applied to the folder if it has children.
More precisely, the hereClass of the folder is applied only if I am viewing the children, as if I were "one level off"...
It might be that I am not doing things right css-wise though... could anyone give us a hand there ?
Thanks !
Here is the call to DropMenu I use :
[!DropMenu? &startDoc=`0` &levelLimit=`3` &textOfLinks=`menutitle` &selfAsLink=`true` &hereClass=`actif`!]
and the CSS :
#menu ul {padding: 0;
margin: 0;
display: inline;
list-style: none;
background-color: transparent;
}
#menu ul li
{position: relative;
display: block;
width: 210px;
height: 29px;
background-color: transparent;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
}
#menu ul li a:link, #menu ul li a:visited
{padding-top: 7px;
padding-left: 30px;
height: 22px;
display: block;
margin: 0 0 0 0;
border: 1px solid white;
text-decoration: none;
color: white;
background-color: #2B437F;
}
#menu ul li a:hover, #menu ul li a:active
{padding-top: 7px;
padding-left: 30px;
height: 22px;
display: block;
margin: 0;
border: 1px solid white;
text-decoration: none;
color: white;
background-color: #990000;
}
#menu ul li.actif a:link, #menu ul li.actif a:visited {padding-top: 7px;
padding-left: 30px;
height: 22px;
display: block;
margin: 0;
border: 1px solid white;
text-decoration: none;
color: white;
background-color: #DF0000;
}
#menu ul li ul {position: absolute;
z-index: 1000;
left: 209px;
top: 0;
display: none;
opacity: .7;
filter: alpha(opacity=70);
}
#menu ul li:hover ul {display: block;
}
If you need to see the page, I’ll send it to you via PM, since it’s a website I am developping for a client and is not public yet...
@Cino : about the "it’s more proper to not have a link to the current page since you’re already there", if I am not mistaken you can define this with selfAsLink :
// $selfAsLink [ true | false ]
// Define if the current page should be a link (true) or not (false)
$selfAsLink = (!isset($selfAsLink)) ? false : ($selfAsLink==true);
):
MODX Staff
MODX Staff
