Gwt Theme Css Sample by Deluxe-Menu.com
Gwt Theme Css Sample

Template:

Adobe Style Template - Sliding Menu







    - Submenus automatically scrolls
    - Top items and submenus have a shadow
    - Transition #14 - "fade out" effect
    - Relative/Absolute menu position
    - Submenus dropdown on mouseover
    - UL/LI items structure
    - Items with icons
    - Sound support!




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Gwt Theme Css Sample Creating Sliding Menus

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

Features

Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • 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".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
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
  • Section 508 compliant
Horizontal Popup Menu Bar Gwt Theme Css Sample
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Easy Setup
  • De Luxe Tuner. GUI interface to create your gwt theme css sample menus easily and in no time
  • Sensible menu parameters for manual editing
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • 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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Typically in order to generate a menu with multiple layers I’d put a pipe character in front of the menu text..  For example:

 ["|Page Admin","/admin/handoutadmin.php", , , , "_new", , , , ],
     ["||Student Pages","/admin/handoutadmin.php?type=1", , , , "_new", , , , ],
     ["||Teacher Pages","/admin/handoutadmin.php?type=2", , , , "_new", , , , ],
     ["||Family Letters","/admin/handoutadmin.php?type=4", , , , "_new", , , , ],
     ["||Transparencies","/admin/handoutadmin.php?type=3", , , , "_new", , , , ],

  However, when I try to do it with dm_ext_addItem it actually SHOWS the pipe character and doesn’t create any menu levels at all. 
For example:

dm_ext_addItem(0, 0, ["Add a Handout to this Lesson", "", "", "", "", "", ""]);

dm_ext_addItem(0, 0,  ["|Student Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

dm_ext_addItem(0, 0,  ["|Teacher Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

How can I generate multiple levels of the menu with javascript?

A: I suppose that your code is not valid
dm_ext_addItem(0, 0,  ["|Teacher Page", "/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

Try to write it in the following way:
dm_ext_addItem(0, 0,  ["|Teacher Page", "/admin/handoutadmin.php?type=", "", "", "", "_new", ""]);



Q: I want that this tree expanded or collapsed (clicking on the image. e.g. like the right button) and go to the link when clicked on the item.

A: No problem.
You can assign a link to the item that has subitems.
When you'll click on item's button, it'll be expanded.
When you'll click on the item, item's link will be opened.


Q: Where can I find the onClick code for the html javascript popup?

A: See you can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you've added an image in your html page. You should specify the ID for it, for example:

<p><img id="open_popup" border="0" src="images/submenu-bg.gif" width="170" height="29"></p>

So, in the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page manually. You should specify ID's - id="xxxx"for <a>, <div>, <img> ... tags.

If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",


Q: Is the menu floatable?
I try the setting "float" but no change


A: You can't see floatable or movable effect in Deluxe Tuner preview.
But when your install your menu into the .html page it'll work fine.

Notice, when you use floatable menu you can't use relative menu position.
So, if you use

  var absolutePos = 0;

and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.


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