Features Jstree Display Content Example

Easy Setup

De Luxe Tuner. GUI interface to create your jstree display content example menus easily and in no time Sensible menu parameters for manual editing

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly". Commonly loads quicker than other html page elements Runs well with an unlimited number of submenus and items

Frame Tree Sample Jstree Display Content Example

Professional Look-n-feel

Entirely customizable look-n-feel A lot of pre-designed jstree display content example samples Hundreds of visual effects Custom CSS styles can be applied for all menu settings

Unrivalled Features

Scrollable, dragable, floating Unique Java Script API for altering menu "on-the-fly", without page reloading AJAX technology - loads menu data from the server "on-fly and on-demand".

Seamless Integration

Visible over flash, select boxes, iframes, java applets Multiple menus on the same page Amicable to other scripts and css styles Any HTML code can be used inside menu items

  

Recent Questions Jstree Display Content Example

Q: How do I make the top nav buttons exactly the same width for each button?

Total menu width is 743px and I have 6 buttons I want the width of each button to be fixed at 123px.

I set   var menuWidth="743" but it averages out the buttons based on the text.


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=123px"], //style 0
];

  var menuItems = [

["Home","testlink.html", , , , , "0", , , ], //style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "0", , , ], //style 0

Q: We have found that some of the menu /sub menu trees do not "collapse" when youclick on another item of the web tree view Do you have any suggestions as to what we can look at to correct the problem?

A: Check the following parameters:

  var tcloseExpanded=1;
  var tcloseExpandedXP=1;

Q: We purchased your JavaScript Tree Menu 2.0 and have realised that in the Firefox browser the shadowing around the css javascript menu is not visible.

Please could you tell us how to correct this.

A: See, transitional effects (shadow) are features of Internet Explorer 5.5+ only.

More info you can find here:

http://deluxe-menu.com/filters-and-effects-sample.html

Q: I would like to reduce or remove the indentation between submenus. That way I can save space for the menu. How can I set indentation?
I would like to change the height of the submenu items (no icons used). How can I do that?


A: Unfortunately, you cannot reduce the indent between main items inXP-Style.

To reduce the indentation between submenus you should set thefollowing parameter:

  var titemHeight=15;