Recent Questions
Q: I am using XP style tree menu and would like to have top level menu item with no submenu items. However, the right double arrow icon still show up. Is there a way to hide it for the item without submenu items in css javascript tree menu?
See the attached document, I want to remove the double arrow icon at right for "Mission Statement", "History", "Direction" and "Contact Us".
Any help will be appreciated.
A: You can create Individual XP Style and use it for items with submenus:
var tXPExpandBtn=["left.files/blank-arrow.gif","left.files/blank-arrow.gif","left.files/blank-arrow.gif","left.files/blank-arrow.gif"];
var tXPStyles = [
["tXPExpandBtn=left.files/menu-arrow.gif,left.files/menu-arrow.gif,left.files/menu-arrow01.gif,left.files/menu-arrow01.gif"],
];
and assign this style for all top items with submenus:
["Home","", "", "", "", "", "", "0", "", "", ],
["+Company Profile","", "", "", "", "", "", "0", "0", "", ], //style 0
["|Item 25","", "", "", "", "", "", "1", "", "", ],
["|Item 26","", "", "", "", "", "", "1", "", "", ],
["+Projects","", "", "", "", "", "", "0", "0", "", ], //style 0
["|Item 27","", "", "", "", "", "", "1", "", "", ],
["|Item 28","", "", "", "", "", "", "1", "", "", ],
Q: Is there any way to have the browser reset the horizontal tree view to allcollapsed each time the browser is reopened?
A: You should set the following parameter in that case:
var tsaveState=0;Q: One other issue I'm having is that the content for the menu bar in java "selected tab" on my site does not show up in IE7. Works fine in firefox, though. Any ideas about that?
A: Try to delete height: 0%; parameter from the styles:
<div id="content1" style="height: 0%; visibility: hidden;" class="tabPage">
So you'll have:
<div id="content1" style="visibility: hidden;" class="tabPage">
Q: I’m trying to add a padding before the beforeItemImage for the sub navigation bar but I can’t do it after hours off trying it.
A: You should add a separator with blank (or white) image.
var separatorVImage="deluxe-menu.files/space.gif";
var separatorVWidth="7px";
var separatorVHeight="27px";
var separatorPadding="0px";
And assign Individual style for this item
["itemBorderWidth=0","itemBorderStyle=none,none"],