Recent Questions
Q: Hello I am testing your product Deluxe Menu, and want to create a special tree-menu.
I have a question:
Is it possible to have two icons in front of each dhtml menu item?
I need two icons in front of each menu-item that will symbolize an alarm and a sabotage-alarm.
I want to use animated gifs on these so that I can visualize alarm and sabotage on each menu-item.
But I also need an icon on the right side of the menu to show if the menu-item is expanded or not.
I want the structure to be like this:
Icon | icon а| Main menuitem1а | expandedicon
Icon | icon | sub menuitem1 | expandedicon
Icon | icon | sub menuitem1.1 | expandedicon
Icon | icon | sub menuitem1.2 | expandedicon
Icon | icon | sub menuitem2 | expandedicon
Icon | icon а| Main menuitem2а | expandedicon
Is this possible to achieve with your menu?
A: Yes, it is possible.
Actually you can use any html code within menu items.
["|<img src='default.files/icon1_so.gif' style='margin-right: 10px'>Home","testlink.htm", "default.files/icon1_s.gif","default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
Q: No matter where I place the code, the html free menu always appears in the top left of the page,
I need it elsewhere obviously but it simply won't move.
A: You're using absolute position for the menu now.
You should use relative position in that case.
Change the following parameters:
var absolutePos=0;
var posX="0px";
var posY="0px";
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: I have managed to insert a separator in a menu and set the image path but the separator image does not show.
Is there anything else I need to do?
A: Please, see the following parameters:
//------- Separators -------
//--- Separators
var separatorImage="";
var separatorWidth="5";
var separatorHeight="100%";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif";
var separatorVWidth="3";
var separatorVHeight="100%";
var separatorPadding="";
You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Try that.