Template: Jquery Treelist

Vista Style 2 Treeview Menu

The template emulates Vista OS menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - The menu have XP Style; Animation effect for subitems
    - Toggle-mode support.
    - Items have icons
    - Menu has a static position and is placed within the table cell

Key features:

    - Filters and Transitional effects
    - Vertical orientation of the Tree Menu
    - Movable and floatable menu
    - 3-state icons for each item
    - Image arrows
    - Relative/Absolute menu position
    - Each item can have individual settings
    - Status string shows item labels

Menu Screenshots Jquery Treelist

Buy Now! :: Free Trial Download :: More Info

Features Jquery Treelist

Easy Setup

De Luxe Tuner. GUI interface to create your jquery treelist menus easily and in no time
Sensible menu parameters for manual editing

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".

Tree Right Click Menu Example Jquery Treelist

Professional Look-n-feel

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

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

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
Menu can be populated from a database using ASP, PHP, etc.
Search engine friendly
Support for any doctypes
Fits for secure sites

Buy Now! :: Free Trial Download :: More Info

Javascript Tree Menu. Expandable Menu.

Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
Use special prefixes for image paths and links to make paths absolute.
You can assign your own images for lines.

Buy Now! :: Free Trial Download :: More Info

Recent Questions Jquery Treelist

Q: I should like that the active item were not stand out changing thebackground color to blue, but underlined, but I don't find as to do it.

A: Try to set the following parameter: var ttoggleMode = 1;

Q: We do need the menuitem separation bars as most of the menuitems are quit lengthy, and there needs to be a separation bar to distinguish between them.

A: If you want to add separators between items you can paste a separatorbetween items or you can set item's border width in the following way:

  var itemBorderWidth="0 0 1 0";
But you cannot enter this value in Deluxe Tuner you should set thisparameter manually.
You can also create style for the last item with border width = 0:

  var itemStyles = [
["itemBorderWidth=0"],
];

To add separators, please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="1";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];

Q: We would like Subprograms to have a different style than the items below it to visually indicate it as a non-clickable header in my javascript drop down menu.

A: You should disable this item. You should set "_" symbol for the itemtarget.

You can also set
var fontColorDisabled="#616321";

You can also create Individual Style for the disabled item.

Q: Can I have the pop-out menus in the floating navigation bar go left instead of right.

A: You should use the following parameter (Deluxe Tuner->Positioning):

var subMenuAlign="left";

Buy Now! :: Free Trial Download :: More Info