Umbraco Cascading Menu by Deluxe-Menu.com
Umbraco Cascading Menu

Template:

Yahoo Style Template - Transparent Drop Down Menu







    - Items with icons
    - Text aligned to left
    - Transition #14 - "fade out" effect
    - Image arrows
    - 85% transparency for sub menus
    - Status string shows item labels
    - UL/LI items structure
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Umbraco Cascading Menu Javascript Drop Down Men C Bc

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

Features

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
Cost Effective
Dhtml Menu Simple Umbraco Cascading Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed umbraco cascading menu 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 umbraco cascading menu menus easily and in no time
  • Sensible menu parameters for manual editing
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!



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Mouseover "QUICK LINKS" at the top. The bottom java menu navigation item is falling behind the mainnav table.

It works fine in FireFox. Any suggestions?

A: Try to add a high z-index for the DIV with top menu, for example:

<DIV id=containerHeaderNav style="POSITION: absolute; z-index:50;">



Q: I am having great problems making my tab working, I seems to select the second tab by default.

I have looked in your frequent asked questions and tried the below suggestion, I have not used the registered domain as I am in the process of design.

  var bselectedItem = 3;

Where 3 is the number of your menu item from the   var bmenuItems parameter.
  var bmenuItems =
[
["Mac Tab 1", "content1"],
["Mac Tab 2", "content2"],
["Mac Tab 3", "content3"],
["Mac Tab 4", "content4"], // selected tab
];
The ID of the item starts with 0.
Try that.

But without success?

Any idea?

Please advice


A: See, the ID of the item starts with 0.

So, if you use TabMode (  var tabMode=1;):

  var bselectedItem = 10;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], // selected tab ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12

If you use tabs (  var tabMode=0;):

  var bselectedItem = 2;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4


Q: There is the possibility in the dhtml menu bars that an item has access control, that is is visible or not depending of the user?

A: You can use Javascript API and write your own code.

See more info here:
http://deluxe-menu.com/functions-info.html

You can use
dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
to disable your items or
dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)
to hide your items.Try that.

Q: When using javascript pop window is it possible to gray out the page except pop up so users can't use any controls until they close pop up window?

A: Try to set that parameter:

modal:1,

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