Recent Questions
Q: Can you please give me tips on how I can style all menuitems to have font bold when selected and normal font when not selected?
A: Unfortunately, Deluxe Tree doesn't have such a feature. You can onlyset it's color. You cannot set the font of menu item bold when selected.
You can set menu item's font bold onMouseover, see example here:
http://deluxe-tree.com/data-templates/vista-style-7-template-sample.html
You should addthe following code in your data file:
function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}
var tmenuItems = [
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Programs</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Appearance</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>User Accounts</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Personalization</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Sound and Speech</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Additional Options</div>","", "", "", "", "", "", "", "", ],
];
Please, notice also that you should add this function every time whenyou change your menu in Deluxe Tuner application, as Tuner deletesthis function.
Q: We would like it so when you click on an option in the free dhtml menu, the page shows up in the main middle frame..So far, I can only seem to get it to show up in its own page.
A: You should set the correct target parameter for your items.
You can set target parameter for all items:
var itemTarget="main";
Where main - is the name of the main middle frame where you want to open the link.
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ], Q: Is there any way of asigning the background color of the submenu (I onlyneed one level of nesting menus) different from the background color of thedhtml rollover?
A: Create Individual Submenu Style and assign it for the first item in that case:
var menuBackColor="#d1d1d1";
var menuStyles = [
["menuBackColor=#FFFFFF"],
];
["mбs info","http://www.dimensionmultimedia.com/psoepruebas/?page_id=19","","","","","0","0","","","",],
Q: I have a client that wants a menu bar with all the buttons the same length.
What code might I need to do that
A: You should use individual item styles (you can create it in Deluxe Tuner application). For example:
var itemStyles = [
["itemWidth=110px"], // 0 - number of the style
var menuItems = [
["Home","testlink.html", , , , , "0", , , ], // 0 - style 0
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], // 0 - style 0
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
.........