The template emulates Vista OS menu style. This is image based template. To open submenus click on menu items. The appearence of this template is determined by the following parameters:
- Toggle-mode support. Animation effect for subitems - Icons for the expand/collapse buttons - Background image for the menu - Menu has a static position and is placed within the table cell
- Image arrows - Movable and floatable menu - Relative/Absolute menu position - different speed for an animation for submenus - Submenus expand/collapse on mouseover - Filters and Transitional effects - Submenus have a fade effect - Unlimited number of sub levels
You can set default expanded/collapsed items and submenus.
After clicking on menu item selected item becomes highlighted.
When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
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
var posX = 100; var posY = 100; var absolutePos = 1; var topDX = 0; var topDY = 0; var DX = -3; var DY = 0; var subMenuAlign = "left"; var subMenuVAlign = "top";
Sometimes when I change the variables the submenus are well positioned and then, after enlarging the IE-window, they are not. What can I do?
Please, try to add your css file -> inline css, for example:
You should add style="POSITION: absolute;"
Step 1. 1.1 For Windows users a. Run Deluxe Tuner v2.0 (can be found in the trial menu package v2.0 http://deluxe-menu.com/deluxe-menu.zip). b. Open menu data file (.js file where menu parameters are placed): select File/OpenЕ c. Save the file: select File/Save, then click "No" button when the dialog box appears.
1.2 For other OS users a. Open menu data file (.js file where menu parameters are placed) in a text editor. b. Make sure that the following variables exist in the data file:
var keystrokes = 0; var dm_focus = 1; var dm_actKey = 113;
var dynamic = 0; var smHideOnClick = 1; var itemAlignTop = 'left'; var smSmartScroll = 1;
var dmAJAX = 0; var dmAJAXCount = 30; var dmRTL = 0; var dmObjectsCheck = 0; var menuBackRepeat = "repeat"; var menuHeight = ""; var transDuration2 = 200;
If one of the variables doesn't exist - add it at the beginning of the file.
c. Save the file.
Step 3. Replace existent tags of the menu by the following code:
Step 4. Save HTML-page.
Step 5. New engine v2.00 has 7 .js files. They are: - dmenu.js - dmenu4.js - dmenu_add.js - dmenu_dyn.js - dmenu_key.js - dmenu_cf.js (new v2.00) - dmenu_popup.js (new v2.00)
Replace all old .js files by the files from v2.00.
Context menu based on item properties Right click on any treenode. In the example below context menu is one for all items, but it is shown dhtmlxMenu/codebase/ext/dhtmlxmenu_ext.js"></script> <table> <tr> <td>