Q: I added the HTML for a new menu item in the structure but it did not appear?
A: This is usually a syntax error. Double check that you have a closing </LI> tag and that all HTML contained within the item is formatted correctly.
Q: The tree menu animations are very fast in the template, however they slow down when I embed the same menu in my page, why?
A: IE and FireFox both animate slower relative to how deep your effect is embedded within your documents structure (by deep, meaning levels... i.e. <div><table><div>...the menu</div></table></div>, etc.) You can overcome this problem in IE by embedding the menu within an absolute positioned DIV (<DIV style="position:absolute">menu html here</DIV>) If your menu is stretching a bordered container this option may not work with your layout. To avoid slow-downs, try to keep your layout simple, instead of using tables to position the menu, try putting it an absolute positioned div and give it coordinates.
Q: How do I position the tree in my document?
A: The tree positions itself as an inline block level element at the point of insertion within your HTML source code (similar to positioning a table or div within your page). To move the tree, move the entire menu structure (including comment tags witch identify the tree menu structure and links section) to an insertion point of your choosing within your HTML source code. If using the separate files sample, move the <SCRIPT> tag which references the 'tmenu_data.js' file instead.
Q: Clicking on the text portion of an item does not expand the tree, why?
A: By default, clicking on the text portion of an item with child nodes will not expand the item. To make the text portion clickable surround the items description in a span tag (e.g. <span>item description</span>).
Q: How do I set a node to be expanded by default?
A: To set an item to be expanded by default when the tree menu loads, add the custom expanded attribute to the items LI tag and set the value to 1 (e.g. <LI expanded=1>...</LI>).
Q: How do I make the menu 508 compliant?
A: The menu structure and content are contained within a UL tag which by default is set to 'display:none;'. To make the menu compliant, remove the 'display:none' statement. *Note: You may notice a flicker when the page loads with this statement removed from the UL's inline style.
Q: Can I add a custom bullet or icon to each of my menus items?
A: Yes, simply add an <IMG> tag within the items LI tag. You can add any custom HTML you wish to each menu item.
Q: How do I make text descriptions wrap to a second line?
A: Use a break tag within your description <BR> (e.g. This is my first line<BR>This is a second line.).
Q: How do I add more than one Tree Menu to a single page?
A: There are two ids which identify different parts of the tree...
In the trees structure and links is an id attached to the tree's opening <UL> tag (ex: <UL id='tmenu0'...>).
A second ID is affixed to the function which contains all the menus parameter settings (e.g. function tmenudata0())
To add a second tree add a new tree structure and a new function with parameter settings. Next, increment the numeric id of both ids outlined above... they would become... 'tmenu1' and 'tmenudata1'. An infinite number of Tree Menus may be added to any page using this technique.