Template: Gxt Tree Keyboard Example

Standard Tree Menu

Font, Colors, Borders, Images
- Use any available font style;
- Use any available border style and width;
- Use any color for items background, menu background, font, and borders;
- Assign images to icons, menu, items backgrounds.
Lines
Assign your own images for lines.

Key features:

    - Submenus automatically scrolls
    - Unlimited number of sub levels
    - Filters and Transitional effects
    - Status string shows item labels
    - Vertical orientation of the Tree Menu
    - 3-state icons for each item
    - Several menus on one page
    - different speed for an animation for submenus

Menu Screenshots Gxt Tree Keyboard Example

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

Features Gxt Tree Keyboard Example

Easy Setup

De Luxe Tuner. GUI interface to create your gxt tree keyboard example menus easily and in no time
Sensible menu parameters for manual editing

Professional Look-n-feel

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

Tree Menu Examples Horizontal Submenu Gxt Tree Keyboard Example

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

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

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.

Use a mouse to move a menu as a usual window.
When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

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

Recent Questions Gxt Tree Keyboard Example

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.

Q: I currently have the menus set to show the selected item in white and the non-selected items in blue.
However, I can only choose one item in each menu.
Is there any way to choose multiple items from a single drop down css menu and have all of
selected items show white?
If so, what option do I need to enable for the menu?

A: No, JavaScript Tree Menu doesn't has a feature to highlight multiple items now.

Actually you can use the following function:
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

You can create Individual Item Style with style of selected item and
using this function assign it for the items you want to highlight

dm_ext_changeItem(0, 0, 1, ["JavaScript Tree Menu Info", "", "", "", "JavaScript Tree Menu Hint",,"1"]);

Q: Can search engines follow the items of navigation menu?

A: You should generate search engine friendly code and install it on your page.
JavaScript Tree Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).

Q: I'm testing your menu, however this always display the result of the execution of this code, that was generated by the GUI tool


<div id="dmlinks" style="font:bold 14px Arial;color:#000000;text-decoration:none">
<a id="dmI1" href="testlink.html">Recompensas</a>
<a id="dmI3" href="testlink.html">Ingresar</a>
<a id="dmI4" href="testlink.html">Cuentale a un amigo</a>
<a id="dmI6" href="testlink.html">Ingresar</a>
<a id="dmI7" href="testlink.html">Servicios y Soluciones</a>
<a id="dmI8" href="testlink.html">Contactanos</a>
<a id="dmI9" href="http://deluxe-menu.com/order-purchase.html">Acerca de Medussa</a>
<a id="dmI14" href="testlink.htm">Soporte</a>
</div>


I don't know what's happenning I followed the instructions that you describe in your installation process. I'm using the menu in a jsp page.

A: Now on your page you have only search engine friendly code for JavaScript Tree Menu. You do not have menu.

See more info about the installation of the menu here:

http://deluxe-menu.com/installation-info.html

You should paste also such lines, for example:

<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

and

<script type="text/javascript" src="deluxe-menu.files/data.js"></script>

Where data.js is the file with your menu. You can create such file using Deluxe Tuner.

You should upload this files on your server in the correct place.

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