Template: Dhtmlx Tree Connector Docs

Html Tree Menu Vista Style 4

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:

    - Status string shows item labels
    - Filters and Transitional effects
    - different speed for an animation for submenus
    - Relative/Absolute menu position
    - Submenus expand/collapse on mouseover
    - Several menus on one page
    - Vertical orientation of the Tree Menu
    - Submenus automatically scrolls

Menu Screenshots Dhtmlx Tree Connector Docs

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

Features Dhtmlx Tree Connector Docs

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

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Tree View Dhtml Navigation Dhtmlx Tree Connector Docs

Professional Look-n-feel

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

Easy Setup

De Luxe Tuner. GUI interface to create your dhtmlx tree connector docs 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".

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

Javascript Tree Menu. Expandable Menu.

You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu.Choose any color for backgrounds of submenus and items. 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 Dhtmlx Tree Connector Docs

Q: Using the example menu you have, how do i make the sub-menu for the 'Sample' menu item a multi-column and leave the 'Product Info' menu item as is.
I only want certain sub-menus to have multi-columns. I don't want all menu items to have a multi-column sub.

A: Please, see the attached example.
You should use individual styles.

  var menuStyles = [
    ["smColumns=2"],
    ["smColumns=1"], //style 1
];

...
   ["More Samples","testlink.htm"],
     ["|Group 1","", , , , , "3", "1", , ], //assign style 1

Try that.

Q: I'm trying to get the scrolling menu to display upwards, but the items are displaying downwards.

A: You should set the following parameters in your data.js file:

var subMenuAlign="left";
var subMenuVAlign="bottom";

Q: Can I use data from a SQL server using ASP for the dhtml xml menu?

A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:


<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>


<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

Unfortunately we don't have examples with ASP and SQL.
The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

Q: In the drop down menu generator there's no option for turning the cursor into a hand. There's hourglass etc but no hand. Is there a way to make it a hand?

A: You should set the following parameter

var itemCursor="pointer";

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