Recent Questions Tree Menu Extjs
Q: Please identify the parameter I need to set to produce ... Tree menu items start out as normal text , then Bold text for tree menu items on the onmouseover event . After mouse out, text returns to normal.
A: Unfortunately, Javascript/DHTML Tree doesn't have such a feature. 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>","", "", "", "", "", "", "", "", ],
];
Please, notice also that you should add this function every time whenyou change your menu in Deluxe Tuner application, as Tuner deletesthis function.
You can find the example here
http://deluxe-tree.com/data-templates/vista-style-7-template-sample.html
Q: I have just downloaded your trial version and am trying to use java menu maker using the windows xpstyle1 template. I can only seem to get the top button showing as grey but can change colors of submenus OK. Am I missing something or is this a restriction of the trial system i.e. how do I get the top button showing the same as submenu buttons
A: Trial version of java menu maker has full functionality of the licensed version.
To change submenu colors you should change the following parameters:
var menuBackColor="#F2F3F2";
var itemBackColor=["#F2F3F2","#535353"];
and Individual Submenu Style:
var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=0","itemPadding=4px","smOrientation=undefined"],
];
For the top items you should change Individual Item style:
var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#535353"],
];
Q: Thank you in advance for reviewing my question. By the way, I love the software and the menus it creates!
Question: I would like my horizontal menu buttons all have a uniform width, for example, all 7 top level buttons 120 pixels wide. I am not finding this setting in the available parameters.
Is there a way to do this? Any assistance would be appreciated.
A: You should create Individual Style and assign it for all top items.
var itemStyles = [
["itemWidth=120px"],
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],
Q: How do you change the back ground color of the menu?
menuBackColor just changes the pull down background.
I'm stuck with a blue background which i guess is the default.
I've looked at the parameters page for info, tried a few different items but none worked for changing the background.
I'm sure its something very obvious, but any help would be appreciated.
A: Please, don't forget to change also item background colors:
var itemBackColor = ["color", "color"];
