Umbraco Side Menu by Deluxe-Menu.com
Umbraco Side Menu

Template:

Red Menu Template - Movable Menu





    - Status string shows item labels
    - Several menus on one page
    - 85% transparency for sub menus
    - Search feature - add the search area in the menu and type symbols.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus automatically scrolls
    - Unlimited number of sub levels
    - Inactive/Disabled items




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

Menu Screenshots

Umbraco Side Menu Menu Dynamique Javascript Tutorial

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

Features

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
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!
Show Pop Up Menu Umbraco Side Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed umbraco side menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
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



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I’m currently testing your product and using the tabs.  My question is that not all my javascript html tabs point to the same target, I tried doing your suggestion on your FAQ but when I do that the tabs do not even display, here is my code

   ["|Manage Users","user.asp",,,,,"fmeMain"] also tried different points in the parameters  

I know the break down is as follows  

[Display,Url,Icon1, icon2, title,supposedToBeTarget]


A: See, you can use links if you have
  var tabMode=1;
only.

If you have
  var tabMode=0;

You should use the ID of the DIV.

Unfortunately, you cannot set target parameter for each item.
bmenuItems has the following structure:

  var bmenuItems = [
["text", "divID or link or javascript function", "icon1", "icon2", "icon3", "tip", "styleN"],
];

But you can try to open your pages using different targets in thefollowing way

["tab text", "javascript: window.open('test.html', 'frameName')", ...],
["tab text", "javascript: window.open('test.html', '_self')", ...],
["tab text", "javascript: window.open('test.html', '_blank')", ...],

Where frameName - the name of the frame where to open the page test.html.

Using this method you can create Deluxe Tabs in  var tabMode=0; and   var tabMode=1;


Q: It's been couple of months since I last time asked something about tree menu. I am still evaluating the software.

I have a short question. Is it possible to use CSS instead of JavaScript to tune the look and feel of the tree menu? For example I would be interested in giving menu css java item height value in relative numbers (em or %) rather than specifying a size in pixels...

A: But actually you can use 'em' and '%' units in Deluxe Tree, forexample.

  var tmenuWidth="13em";
  var tmenuHeight="12em";

  var tmenuWidth="35%";
  var tmenuHeight="15em";



Q: Is it possible to not download (pre-load) the images in the javascript menu array (some attributes in the data.js file ..)?

I would like to download them only on rollover on the submenu... I am aware of the ajax version of the menu, but ....

A: Set the following parameter:
  var dm_writeAll=0;

You can also use AJAX feature, see more info here:

http://deluxe-menu.com/ajax-technology-menu-sample.html

Q: In the rollover menus, how can I have a heading link to and open another website's home page?

A: 1) You can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you have:

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

So, in 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:
add id="open_popup" for <a>, <div>, <img> ... tags.

2) Or you can create only one data file and use deluxePopupWindow.open() function to open the popups.

More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.

I call the skin .js file with id='win'.
On the page you should open popup windows with the same id:

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 1 PopupWindow with 'files/test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/1test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 2 PopupWindow with 'files/1test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/2test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 3 PopupWindow with 'files/2test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/3test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 4 PopupWindow with 'files/3test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/4test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 5 PopupWindow with 'files/4test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/5test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 6 PopupWindow with 'files/5test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/6test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 7 PopupWindow with 'files/6test.html' content.</a>

So, the previous window will be closed and the new one will be opened.If you want to open several windows at once use different id's for each link.



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