Hover for one item

Rate this topic:

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.

Author

Messages

ech01

Posts:24

06/11/2007 4:58 PM

Is it possible to get the hover list of child pages for only one page?

Home Services Products Departments
Dept Page 1
Dept Page 2
Dept Page 3

Probably not, but I thought I would check anyways.

John Mitchell
Posts:3353

06/12/2007 6:40 PM
Yes, there is a property called IncudeTabs. If you set it to the page you want then it will produce give you the hover list of just that page. If you have pages under home, and want to inlude all those root level tabs but only let the Departments menu have a drop-down then you could just use two instances. One set to level 0, and one set to level="0-1". And, with the new template system in the 3.x version you could even configure it even more than that..

ech01

Posts:24

07/16/2007 4:27 PM
So, I have tried to combine the Sliding Doors and Suckerfish methods but I have crashed into the wall. I want the prettiness of the sliding doors with the hover functionality of the suckerfish. So i have a parent and a child template. The parent works great, but the child menu items show up on the page when the page loads. not when a parent is hovered over. Also, positioning is proving futile on the UL class for the child item. I could use a life jacket. Snapsis:NavMenu id="navParent" Level="0-1" runat="server" CacheTabs="false" Recurse="False" NavType="Template" TemplateFile="Snapsis.NavMenu.Parent.template.txt" ExcludeTabs="Admin,Host" Snapsis:NavMenu id="navChild" Level="1-1" runat="server" CacheTabs="false" Recurse="False" NavType="template" TemplateFile="Snapsis.NavMenu.Child.template.txt" ExcludeTabs="Admin,Host" ChildTemplate [NavMenu-Container[ ]] [Level0-Item[ ]] [Level0-Anchor[ {Tab.Name} ]] [Level1-Item[ ]] [Level1-Anchor[ {Tab.Name} ]] [/Level1-Item[ ]] [/Level0-Item[ ]] [/NavMenu-Container[ ]] [${IEHoverJS}[ onmouseover="this.className+=' hover ';" onmouseout="this.className=this.className.replace(' hover ', '');" ]$] CSS (borrowed from the documentation) #navChild ul{display:block;padding:0;margin:0;list-style:none;width:auto;background-color:silver;z-index:1000;} #navChild li {line-height : 1.25em;width: 9em;list-style: none;} #navChild li ul {position : absolute;left: -999em;width:13em;background-color:#6CC1F7;border:1px solid #809DF9;} #navChild a {font-size:1.08em;display:block;text-decoration:none;text-align:left;font-weight:bold;width:8.5em;padding:2px 0 2px 4;color:#000;border:1px solid #444;background-color:#DCDCDC;} #navChild li li a {width:12em;} #navChild li a:hover {background-color: #fff;border:1px solid #809DF9;} #navChild li a.SelectedTab {font-size:1.12em;background-color: #FFF;}
Attachment: 1716285846471.txt

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.

Forums >Snapsis Product Support >CSS NavMenu > Hover for one item

ActiveForums 3.7