Recent Questions
Q: I am working on a menu for a client. I have most of the functionality in place for this client. I have 2 questions that I have not been able to figure out on this menu.
1. Is there a way to define the border image or color on an item in this simple javascript dropdown menu. I need to be able to add in lines between the items. I have not been able to figure out how to do that.
2. Is there a way to dynamically highlite an item? For instance if you are on the page "Horizon for SAP" as illustrated, I would want that to show differently in the menu.
I have written scripts to dynamically generate this menu based off of a sitemap. I just need to make one item on it look different based on your breadcrumb or where you are in the site.
A: > Is there a way to define the border image or color on an item.
You can't specify the image for border, but the color and width are fully configurable.
> 2. Is there a way to dynamically highlite an item?
Yes, please see
http://deluxe-menu.com/dynamic-functions-sample.html
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: The contact page drop down menu examples would not work with the Firefox browser. And the submenu would show a white bg in the Internet Explorer browser.
A: Your color parameters are incorrect:
var itemBackColor=["91C24D","8B3A96"];
var itemBorderColor=["ffffff","ffffff"];
You should write them in the following way:
var itemBackColor=["#91C24D","#8B3A96"];
var itemBorderColor=["#ffffff","#ffffff"];
Q: I got it working however I have an additional question.
How do I allocate the width of each "button" see sample how for instance the "FAQ" button is so narrow compared to others. I tried adding spaces with no result.
A: You can use Individual Item Styles to set exact width for the menuitems.
For example:
var itemStyles = [
["itemWidth=100px"], //style 0
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", ], //style 0
