Recent Questions Aspxtreelist Bind Data Manually
Q: The problem is now that I have a scroll bar in the main menus although there is nothing to scroll.
Do you have any ideas?
A: You've set the exact width and height for submenus.
var smWidth = "100";
var smHeight = "250px";
var menuStyles = [
["smWidth=220px","smHeight=250px"],
["smWidth=200px","smHeight=250px"],
["smWidth=120px","smHeight=250px"],
];
Try to write:
var smWidth = "";
var smHeight = "";
var menuStyles = [
[""],
[""],
[""],
];
There will be no scroll bar in the main menus.
Q: Under Opera everything works fine but under IE the submenu’s are way down the page and go off the bottom of the screen.
A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="PADDING-BOTTOM: 10px;"). To get the value you should move .css style into style="" attribute.
Please, try to add your
css file -> inline css, for example:
You should add style="PADDING-BOTTOM: 10px;"
to the
<DIV class=department-menu>
So, you'll have:
<DIV class=department-menu style="POSITION: absolute;PADDING-BOTTOM: 10px;">
Q: Under Parameters ->> Dimensions ->menuWidth
Even I change the value such as 150px it doesn't have any effect on javascript dhtml menu itself.
Changing menuHeight property such as menuHeight = 123px moves menu down from the top of the page instead of changing height of the menu itself.
I used templates ->> vista -> vista style 3-03 to generate the javascript dhtml menu and modified it.
A: See, you have itemWidth and itemHeight in the Individual Style.
var itemStyles = [
["itemWidth=94px","itemHeight=23px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=bold 10px Tahoma","fontColor=#FFFFFF,#FFFFFF", "itemBackImage=data-vista-3-03.files/btn_cyan.gif,data-vista-3-03.files/btn_cyan2.gif"],
];
You cannot set the less value for the menuwidth in that case. You canset only the bigger value:
var menuWidth="550px";
To change the menuHeight you should also use itemHeight parameter, forexample
itemHeight=123px
Q: My JavaScript Tree Menu works super.
Anyway, I would like to make it more comfortable for my users.
So, I would like to know if it possible to create a "Multicolumn Menu"
(http://deluxe-menu.com/multicolumn-menu-sample.html)
and separate define which submenu should be multicolumn and wich one looks "normal".
In your example all menu options which have submenus become multicolumn-look.
Is it maybe also possible to create such Multicolumn-look?
Group_01 Group_02 Group_03
- xxx - xxx - xxx
- xxx - xxx - xxx
- xxx - xxx - xxx
Group_04 Group_05 Group_06
- xxx - xxx - xxx
- xxx - xxx - xxx
- xxx - xxx - xxx
A: Yes, you can create such menu.
You can create "normal" items using separator.
["|-","testlink.htm"],
Please, see the attached example.
