Recent Questions
Q: We do need the menuitem separation bars as most of the menuitems are quit lengthy, and there needs to be a separation bar to distinguish between them.
A: If you want to add separators between items you can paste a separatorbetween items or you can set item's border width in the following way:
var itemBorderWidth="0 0 1 0";
But you cannot enter this value in Deluxe Tuner you should set thisparameter manually.
You can also create style for the last item with border width = 0:
var itemStyles = [
["itemBorderWidth=0"],
];
To add separators, please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="5";
var separatorHeight="100%";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="1";
var separatorVHeight="100%";
var separatorPadding="";
You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Q: It's been couple of months since I last time asked something about tree menu. I am still evaluating the software.
I have a short question. Is it possible to use CSS instead of JavaScript to tune the look and feel of the tree menu? For example I would be interested in giving menu css java item height value in relative numbers (em or %) rather than specifying a size in pixels...
A: But actually you can use 'em' and '%' units in Deluxe Tree, forexample.
var tmenuWidth="13em";
var tmenuHeight="12em";
var tmenuWidth="35%";
var tmenuHeight="15em";
Q: Thanks for your reply, I have another question as follow, I find the tree menu just expand one tree item, if I have expanded one tree when I click it, whether I click another tree to expand it's item and the before expanded tree are maintain expanded, I don't want to close it?
A: Use the following parameters:
var tcloseExpanded = 0; - Enables the mode when 1 item only can be expanded.
0 - disabled, 1 - enabled.
var tcloseExpandedXP = 0; - Enables the mode when 1 submenu only can be expanded (XP-style).
0 - disabled, 1 - enabled.
You can also try to set the following parameter:
var texpandItemClick = 1; - 0 - expand items on a [+]-button click only;
1 - expand items on a mouse click.
See more info about menu parameters here:
http://deluxe-tree.com/parameters-info.html
Q: Expandable javascript menu doesn't actually affect the plus/minus icon I have specified. Any ideas?
A: It is not correctly to add expand/collapse buttons into the iconfield, they won't work. You should add icons there.
To add expand/collapse buttons you should use the followingparameters:
var texpandBtn=["img/expandbtn.gif","img/expandbtn.gif","img/collapsebtn.gif"];
var texpandBtnW=14;
var texpandBtnH=14;
var texpandBtnAlign="left";