Register
Login
 

Support House of Nuke

  

 House of Nuke Forums  
Subject: House menu parent and child items
Prev Next
You are not authorized to post a reply.

Page 2 of 2 << < 12
Author Messages
Georg BaumgarteUser is Offline
Novice
Novice
Posts:1

07/31/2008 4:52 AM Alert 

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

Guilherme DuarteUser is Offline
Novice
Novice
Posts:1

03/11/2009 2:46 PM Alert 
Hi everybody.

Been fighting this issue also lately...

For now, I believe the only way to work around it is by applying the parent style using javascript.

I used the following method:

Hiding SubItems Using CSS:

#HouseMenuNav li li
{
display: none;
}

Showing Current Item SubItems Using CSS:

#HouseMenuNavCurrentItem ul li
{
display: block;
}

And then showing same level subitems using

var li = document.getElementById('<%="HouseMenuNavItem" & PortalSettings.ActiveTab.ParentID%>').lastChild;
var m = li.childNodes;
var i;
for (i = 0; i<=m.length; i = i + 2) {
m.item(i).style.display = 'block';
}

Hope it helps...

RGDS
o doveUser is Offline
Novice
Novice
Posts:1

07/29/2009 2:51 AM Alert 
HI Guilherme Duarte,

Do you have any sample to show how you made it work? I need to make sure this is going to work before I can use housemenu. It would be great if you can be a bit specific on where to put those code.

Symon GlitchUser is Offline
Novice
Novice
Posts:1

05/28/2010 11:33 AM Alert 
Thats right. Also you can do it with help of php tutorial.
You are not authorized to post a reply.
Page 2 of 2 << < 12

Forums > House Modules > HouseMenu 1.x > House menu parent and child items



ActiveForums 3.6
  

Terms Of Use  |  Privacy Statement
Copyright © 2006-2008 by Avastone Technologies. All rights reserved.