Recent Questions
Q: I can't figure out how to get menu items to swap images to use like a traditional image rollover. In the Dhtml menu, I can change the style background without needing images, or I can use generic images as a background, but I have situations where I need to use unique images for each state of a button.
These unique image buttons contain text and graphics, and there are different images for different states: normal, mouse over, mouse down.
A: The menu has only two states normal and mouseover.
You should use Individual Item Styles.
Please, see the example of Deluxe Menu here:
http://deluxe-menu.com/data-templates/vista-style-02-template-sample.html
You should use "itemBackImage" parameter.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_greenblack.gif,btn_green.gif"],
];
Q: Both arrow types are visible when my intranet first loads and when I select a top item that is a direct link to a page.
But, as soon as I select any item from a list of sub items that includes subitems with arrows,
the arrow images disappear from vertical menu until I refresh the site.
A: You can use additional parameters to make menu paths absolute:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];
So, link path will be look so:
http://domain.com/pages/index.html
Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif
Please, try to use these parameters.
Q: How do I change the background color for the floating drop down menu
A: To change menu colors you should change the following parameters:
var menuBackColor="#F2F3F2";
var itemBackColor=["#F2F3F2","#535353"];
You can also use Individual Item Styles to change the color of the specific items:
var menuStyles = [
["menuBackColor=#F2F3F2"],
];
var itemStyles = [
["itemBackColor=#F2F3F2,#535353"],
];
Q: Can I put the icon on the left hand side of the text or does it have to be the right in the tree menu script?
A: You can put the icon as you wish on the left or right side.
You may set a alignment of icons and arrows.
To set them use these parameters:
var ticonAlign="right";
var texpandBtnAlign="right";
To set alignment of the top items in XP-style use:
var tXPAlign="right";