Recent Questions
Q: Can youtell me which transition is the regular traditional transition with no effects for the dhtml navigation?
A: You can use
var transition=0;
if you don't want to use transition you should set:
var transition=0;
var transOptions="";
var transDuration=0;
var transDuration2=0;
Q: How do I create more space between the menu items?
I have tried adding to the Item Appearance, itemSpacing and itemPadding.
A: You can paste the separator.
Please, see the following parameters:
//------- Separators -------
var separatorWidth = "10";
var separatorHeight = "20";
var separatorAlignment = "center";
var separatorImage = "C";
var separatorVWidth = "150";
var separatorVHeight = "10%";
var separatorVImage = "image.jpg";
You can create separators using menuItems, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
You can also use this parameter:
var itemPadding = "4px";
You can also set multiple values, for example:
var itemPadding = "2px 15px 5px 5px";
(top, right, bottom, left)
Q: I was trying out the Vista samples and was able to change the sub-item font size but not the cascade menu javascript item(s) font size. Is this by design?
A: You should change font for the main items in the Individual Styles.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];
Try that.
Q: I have function "confirmLogout()" that it returns true or false. If it is false, the function does not make nothing. If it's true, I need to direct for the page "goout.jsp". How to use this function in the mouseover drop menu?
function confirmLogout() {
if(confirm('It really desires to leave? ?')) {
return true;
} else {
return false;
}
}
A: Actually you can use your own Javascript code instead standard mouseover drop menu links. For example:
var menuItems = [
["text", "javascript:your_code_here"]
];
or
var menuitems = [
["<div onClick='your_code_here'>item text</div>", ""]
];