Recent Questions
Q: I am a web developer and evaluating your product using the Trial Version. I created navigation bar using your application (see attached files). Simple drop menu appears to be displaying OK (centered) when using Internet Explorer 7.0, but I can't move it below the header. Also when I access the same sample page using FireFox Browser, the Navigation Bar aligns on the Top-left. Ideally, the navigation bar shall be displaying below the header and centered.
Can you help please?
A: You are using absolute position for the menu now. You should userelative position if you want to center your menu. Set the followingparameter:
var absolutePos=0;
Q: When a user click on an item in the dhtml side menu I need to target the execution of that link to a different IFrame in the same page, is that supported?
A: Set the following parameter:
var titemTarget="name";
where name is the name of your Iframe.
You can also specify the target for each item individually:
["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "name", "", "", "", ],
Q: The only problem I see is that Firefox doesn't make the sub-menus the right height, and doesn't support the dropshadow, any window effect, although IE6 works fine.
Is there a way to get FF to display correctly?
A: You can't see the shadow in Firefox because filters are supported byInternet Explorer 5+ only.
>>> The only problem I see is that Firefox doesn't make the sub-menus the
>>> right height,
Try to specify units in "px".
Please, write so:
var itemPadding="3px";
Q: If I wanted to change the graphics at a later date in tab menu javascript (main top tabs, subtabs, etc.), how would I do that?
A: In that case you should open images I'm using for top tabs in any graph editor and changethem.
back.gif
back_o.gif //back images for normal and hover states for the last tabs in the top menu(instead of the 1-st 6 items)
sep_top.gif // separator for the top items
top1.gif
top1_o.gif //back images for normal and hover states for the 1-st tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "", "", "5", "4", "", "", "", ],
By the way to apply hint for this item you should write:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "This hint appears when you hover over the 1-st item", "", "5", "4", "", "", "", ],
top2.gif
top2_o.gif //back images for normal and hover states for the 2-nd tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>PAIN</font><br>Identified<br>(Problems)","", "", "", "", "", "6", "", "", "", "", ],
and so on...
For the subtabs I'm use images for arrows only:
var arrowWidthSub=8;
var arrowHeightSub=8;
var arrowImageSub=["deluxe-menu.files/arrow.gif","deluxe-menu.files/arrow_o.gif"]