Recent Questions
Q: Is there a way to increase the margin between the text on the main tree menu and the edge of the dhtml menu control. The text appears to be right up against the left margin.
A: You can add symbol before item's text, for example:
[" Deluxe Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
or you can write:
["+<div style='padding-left: 15px;'>Deluxe Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
Actually you can use any html code within dhtml menu control items.
Q: How can I create an image based tabs with the javascript tabs generator.
A: To use Image templates you should add separators between the items and assign Tab Style for the items.
To make a separator set an Item Text value into '-'.
You'll have the following bmenuItems var bmenuItems = [
['Item 1','', '', '', '', '', '1', '','', ], //assign Individual Style 2
['-','', '', '', '', '', '0', '', '', ], //assign Individual Style 1
['Item 3','', '', '', '', '', '','', '', ],
['-','', '', '', '', '', '0', '', '', ], //assign Individual Style 1
['Item 5','', '', '', '', '', '2','', '', ], //assign Individual Style 3
;
Q: I tried the following for subitem and it worked but not working with the "Title item" (Group or header item), is there a way to process onclick for the title item? Thanks again.
You're able to use Javascript for each item, for example:
var tmenuitems = [
["item text", "javascript:your_code_here"]
];
A: Unfortunately, title items doesn't allow to use Javascript in the sameway.
But you can do the following:
var tmenuitems = [
["<div onclick='your_code_here'>title text</div>"]
];
Q: I've been using your application for about 2 years but have never been able to insert a vertical divider in dhtml menu source.
A: You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";