Recent Questions
Q: I am putting your deluxe menu on our pages but if I do not put the menu on top, then it the sub menus appear on opposite direction (from bottom to top.) So instead of dropping down, they drop up.
We do not want this to happen. Can you please let me know how to resolve this issue?
Mouseover menu submenu drops up unless you scroll down or put the menu on top.
A: See if your submenu has a big height and there is no enough room under the menu to showthe whole submenu the submenu will be shown above the menu (if there is enough space toshow the whole submenu).
You can set exact height for the submenus, so they will go in the place under the menu.Q: My slide drop down menu appears at the top of the page rather than in the cell in which I placed it
A: You're using absolute position for the menu now:
var absolutePos=1;
You should use the relative position:
var absolutePos=0;
Q: I want tree view menu to be in expande state mode, how can I do this? Also, same goes for all the other menus depending which link I click.
A: You can try to to call the following function/functions to expand/highlight items, for example:
<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>
See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html
Example:
And this javascript function should be able to resolve the actual URL (based on the input parameter rel. to the menuitem) and then open a new window using window.open()
If not possible to implement using the native browser context menu, then I belive it should be possible to do it using my workaround how to.....
Just a thought....
Any suggestions on how I can make the workaround work, or if maybe you could support the workaround in some way in future releases of Deluxe-Menu?
A: Yes, there is a workaround.
You can write your items in the following way:
["|<a href='http://www.domain.com' class="link">test test test</a>",""],
You should assign style for this link.
A.link {
...
}
A.link:hover {
...
}