Hi folks,
I have been using HouseMenu for quite a time. Finally registered because the parent - child issue gave me headaches and I followed this thread to get some infos.
So I wanted to have a menu which does the following:
- when a parent with children is clicked the children should be shown
- all other children under other parents should be hidden
This is my HouseMenu piece in the skin file:
[dnn:housemenu
stylename=""
csselementid="HouseMenuNav"
isrecursive="True"
ShowParent="True"
hidepagenames="False"
showpageicons="False"
mode="s"
orientation="v"
showhome="True"
showadmin="True"
scope="-1"
runat="server"
/]
Change [ and ] to < and >
There were some problems with orientation="v" and mode="d" so I use static.
Here is my CurrentItem and CSS-selector (each for one parent item):
#HouseMenuNav #HouseMenuNavCurrentItem, #HouseMenuNav li#HouseMenuNavCurrentItem
{
list-style-image: url(/Portals/_default/Skins/tbs/on.gif);
margin-left: 40px;
}
#HouseMenuNav li#HouseMenuNavItem88 li,
#HouseMenuNav li#HouseMenuNavItem120 li,
#HouseMenuNav li#HouseMenuNavItem121 li,
#HouseMenuNav li#HouseMenuNavItem122 li,
#HouseMenuNav li#HouseMenuNavItem123 li,
#HouseMenuNav li#HouseMenuNavItem124 li,
#HouseMenuNav li#HouseMenuNavItem131 li,
#HouseMenuNav li#HouseMenuNavItem133 li
{
list-style-image: url(/Portals/_default/Skins/tbs/off2.gif);
margin-left: -9999px;
margin-top: -9999px;
display: none;
}
With display:none it doesn't show the item at all. margin-left: -9999px is for screenreaders because some doesn't render display:none correctly.
HTH,
Georg |