Recent Questions Treeview Css Samples
Q: How to set close javascript pop up menu effect in version 3.2?
A: You can use the following code to hide your javascript pop up menu
<script type="text/javascript">
javascript:document.getElementById('dm0m0').style.visibility='hidden';
</script>
Q: How do I change the background color for the floating drop down menu
A: To change menu colors you should change the following parameters:
var menuBackColor="#F2F3F2";
var itemBackColor=["#F2F3F2","#535353"];
You can also use Individual Item Styles to change the color of the specific items:
var menuStyles = [
["menuBackColor=#F2F3F2"],
];
var itemStyles = [
["itemBackColor=#F2F3F2,#535353"],
];
Q: Our company has been using the trial version of JavaScript Tree Menu and was satisfied enough with initial integration efforts to acquire the license version.
We are interested in making our main dhtml rollover menu items a constant width, but the data.js parameters ( var menuWidth="800px"; var menuHeight="30px"; var smWidth=""; var smHeight="";) don't seem to give us that capability. We dynamically remove main menu items based on user roles and when we do the main menu always re-sizes and the remaining main menu item widths no longer match our sub-menu widths. We're able to adjust for this by using the API but that seems to be a lot of unnecessary coding. If we could keep each main menu item a fixed width, our sub-menu widths would not have to change.
Do you have information on how to accomplish fixed main menu item widths, even better would be an example?
A: Actually you can specify the width and of all or individual dhtml rollover menu items or submenus usingIndividual Item/Submenu styles.
Q: How can I create an image based tabs with the javascript tabs generator.
A: To use Image templates you should add separators between the items and assign Tab Style for the items.
To make a separator set an Item Text value into '-'.
You'll have the following bmenuItems var bmenuItems = [
['Item 1','', '', '', '', '', '1', '','', ], //assign Individual Style 2
['-','', '', '', '', '', '0', '', '', ], //assign Individual Style 1
['Item 3','', '', '', '', '', '','', '', ],
['-','', '', '', '', '', '0', '', '', ], //assign Individual Style 1
['Item 5','', '', '', '', '', '2','', '', ], //assign Individual Style 3
;