Recent Questions
Q: I would like to separate each main js dropdown menu item (Find an Expert, Contact...etc) with a dotted line graphic. If you look at the js dropdown menu, you will see that each graphic is separated by a dotted line. I am trying to replicate that look in the Deluxe Menu. Is there a way I can do that? I tried to use the "separatorImage" value in the DeluxeTuner, but it didn't seem to do anything. Is there a way to put a dotted border just along the bottom of them item, instead of around the whole item (like a box)? Or is there a way to insert the graphic between the items?
A: To add a separator you should
//--- Separators
var separatorImage=""; //for subitems (top items in vertical menu)
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
You can create separators using menuItems, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
Q: I am a registered user, and I really like your menu system.
With my old menu system the user could right click on a menu item and the browser would display an option to open the page in a "New Tab".
Is there any way in the javascript menu html to allow the user to choose to open a link in a new tab?.
My users are restricted to using IE.
A: You can try to write the following code for your items:
["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}
Try that.
Q: How do I add padding around a top item in the javascript menu buttons?
A: You should specify itemPadding parameter in "px".
You shouldadd "px" in your style for subitems:
var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];
Notice also that you can set multiple value for itemPadding parameter,for example:
itemPadding=4px 10px 4px 10px// top right bottom left
Q: Is there any way to prevent the scrollbar from appearing in the dhtml menu samples.
A: You should set the following parameter:
var smSmartScroll=1;