Recent Questions
Q: I want to buy your product today, but have a few questions:
How do I change the font style for java menu templates to 9pt Verdana bold, but leave the sub-menus 9pt Verdana normal? I understand there’s a "fontStyle" variable, but is there an "itemfontStyle"? How do I make the left hand padding greater for the menu? I’m using the XP Style 1 and the far left top menu item is running up against my left hand border. I want to add about 10px of spacing to the left of the menu. How do I make the options in a menu have equal spacing? For instance, if there are 5 items in the menu, how can each have 100% / 5?
A: You can use Individual Item styles to set specific parameters for eachitem or submenu.
1.
var fontStyle=["normal 9pt Verdana","normal 9pt Verdana"]; //for subitems
//style for the top items
var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
];
2., 4. 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
4. You should set the exact width for the java menu templates:
var menuWidth="500px";
and set width for the top items using Individual styles:
["itemWidth=100px","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
Unfortunately it is not possible to specify item's width in '%' inIndividual styles. The following width parameters won't work.
var menuWidth="100%";
["itemWidth=20%","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
Q: Is there a way to capture user click event just like the one in the javascript menu sliding?
A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.
However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];
Q: It is possible to have context menu work with your tree?
More specifically, when you right click on a tree node, have a context menu appear.
A: Please, try to use this API function:
function apyt_ext_userRightClick(itemID)
More info you can find here:
http://dhtml-menu.com/tree-examples/dynamic-functions.html
Q: I’m looking for a popup multilevel menu. I think from your website that your menus will do this for but I can’t figure out using the trial version how to do it.
I have an image map of a graphic and I need to call my javascript pop out menu from an OnMouseOver in the image map…
<areahref="#"onmouseover=""shape="rect"coords="120, 124, 180, 136">
Obviously I can’t put the standard <script>… as described in your sample.
Is there a setting that I need to change or is this not possible with your javascript pop out menu.
A: You can try to use Popup Menu, see more info:
http://deluxe-menu.com/popup-mode-sample.html
See how you should call pop up menu
<img src="data-samples/images/popup_pic.gif" width=180 height=119 onmouseover="return dm_popup(0, 2000, event);" onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;"><br>
You can create your javascript pop out menu using Deluxe Tuner application.