Recent Questions Html Tree View Box
Q: We've used your deluxe menu on a few sites without any issues. We are trying a new site javascript menu system now and having an issue with beforeItemImage and afterItemImage. Below is our data javascript class. The dropdown seems fine in Firefox but the before and after Images are not showing up in Internet Explorer.
We've tried a number of things and can't quite get the tabbed corners in IE. Any suggestions would be greatly appreicated, we need to get this menu live soon for a client of ours. Thank you in advance.
A: Try to specify width and height parameters:
var beforeItemImageW="6";
var afterItemImageW="6";
var beforeItemImageH="19";
var afterItemImageH="19";
We've checked your page in IE6, IE7, IE8. All images displayed correctly.
Q: Thanks for getting back with me but how do you build the menu?
I opened Deluxe Tuner program to build a menu and there are categories titled common, dimensions, font, appearance etc. and I have NO IDEA what to do?
Can you walk me through the development of a menu?
A: First of all you should add items.
Please, click "Add item" and "Add subitem".
In the "Item parameters" window you can set text, link, target, iconsfor the menu items. You can also assign different style for each menuitem (item style and submenu style).
But at first you should create this style. Click "Edit IndividualStyle/Add Style" and set different parameters for the style.
Try to set different parameters of the menu.
In the "Preview window" you can see all your changes.
First of all you should choose menu orientation:
var isHorizontal = 1; Menu orientation: 0 - vertical, 1 - horizontal.
You can set exact width and height of the menu in the "Dimension"category.
You should set
var absolutePos=1;
if you want to have absolute positioning menu.
Font style you can set in the "Font" category.
To set color of the menu you should set the following parameters:
var menuBackColor="#FCEEB0";
var menuBorderColor="#C0AF62";
var itemBackColor=["#FCEEB0","#65BDDC"];
var itemBorderColor=["#FCEEB0","#4C99AB"];
Try also to change these parameters:
var itemSpacing=3;
var itemPadding="3px";
Arrows for main items and subitems you can set here:
var arrowImageMain=["default.files/arrowmain.gif","default.files/arrowmaino.gif"];
var arrowImageSub=["default.files/arrowsub.gif","default.files/arrowsubo.gif"];
If want to have floatable or movable menu you should set the followingparameters:
var floatable=0;
var movable=0;
You can also try to change any template.
Q: Irene, thank you. I am working on seeing what you did and trying to get it to work on my computer. I keep getting ActiveX blocking errors when open page with the drop down menu source code on my computer. Is this something I can control from within the html code? Or is this something each user is going to have to change setting(s) in their IE Internet Options?
p.s., I had the code on the page twice cuz was just trying to get something... anything.... to work. I deleted the 2nd set which was further down on the page. I'm trying to get the menus to appear in the grey band just below the blue heading section but prior to the white text description section. And, once I get the menus to work, the navigation bar on left will be deleted. Thank you so much for your patience and help!
A: You can get the following message
"To help protect your security in IE ..."
on your local machine only. You won't have such message when you openyour website via Internet.
If you don't want to see this message you should do the followingthings:
Tools/Internet Options/Advanced Options/
and set
"Allow active content from files to run on My Computer".
Close Internet Explorer and open it once again.
There will be no such message any more.
Q: I have just 2 more questions.
1. Can the 3rd level be configured to be a javascript vertical menu?
2. Can your menu be configured per the following spec? Once you click on a 3rd level option that level would disappear & the 1st & 2nd level would be breadcrumbed (stay visible to show you where you are).
A: 1) Yes you can do it. Use smOrientation parameter in IndividualSubmenu Styles:
var menuStyles = [
["smOrientation=0"], //id=0
];
Assign it to the first item in third submenu:
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", "", "", ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", "", "", ],
2) No, it is not possible now. Your 3rd level submenu will be visible too.