Recent Questions
Q: How to set the icon vertically top when the menu in dhtml text is wrapped?
A: Unfortunately it is not possible to align icon vertically now.
But you can do it using html code within menu in dhtml items, for example:
var menuItems = [
["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'> Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'> Product Info hgdgfjh aaaaaaaaa aaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaa aaaa","", "", "", "", "", "", "", "", "", "", ],
Q: The only remaining problem I see is that the html popup menu appears in slightly different positions depending upon where your mouse touches the icon.
Is there a way to make the menu position absolute in respect to the icon? I have tried playing with the menu item parameters that seemed related with no success.
A: See dm_popup() function parameters:
return dm_popup(menuInd, pause, event, x, y)
menuInd - index of the menu on a page, >= 0.
pause - determines the time when the html popup menu will be hidden.
event - constant. Do not change.
x, y - optional. Set these parameters if you want the menu to appear in the specified place.
In other case the menu will be shown in the mouse position.
Q: How do you get the menu items in the transparent drop down menu to change to the hand like it's a hyperlink?
A: Set the following parameter in your data.js file:
var itemCursor="pointer";
Q: If is there any way I can give some space between pressed_item and hover item for the rollover menus
A: You can try to specify spacing parameter:
var itemSpacing=1;
You can also try to use separators.
You should add separator between menu items:
["item","#", "", "", "", "", "", "", "", "", "", ],
["-",],
["item","#", "", "", "", "", "", "", "", "", "", ],
Use "Add Separator button in Deluxe Tuner.
Set separator parameters in the following way:
//--- Separators
var separatorImage="";
var separatorWidth="100%";
var separatorHeight="2px";
var separatorAlignment="left";
var separatorVImage="data.files/separator.jpg";
var separatorVWidth="2px";
var separatorVHeight="100%";
var separatorPadding="0px";