Side Menu Examples Screenshots

Menu, Button, and Icon Collection

Vista JavaScript Menu provides huge collection of 1400 web buttons, 6600 icons, 300 ready-made samples, so you'll create really nice looking menus and buttons with little or nodesign skills at all! Web 2.0, Mac, iPhone, Aqua buttons, Vista, XP, transparent, round, glossy, metallic, 3d, tab menus, drop down menus will be a breeze!

Button and Icon Samples

Video Tutorial

Double click on the one of the predefined buttons' and submenus templates to apply it to your menu When the submenu is larger than the visible area of the page the submenu will be automatically decreased. You can use scrollbar to see all submenu items Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.


Button State
You can create 1-state, 2-state, 3-state and 3-state toggle buttons using Vista JavaScript Menu. 1-state buttons are simple static image buttons. 2-state buttons respond to mouseOver event creating rollover effect. Mouse click doesn't change the button appearance. 3-state buttons support both mouseOver and mouseClick event. 3-state toggle buttons additionally stick in the pressed state after a click.

omni slide menu single menu Text-based menu
You can create a menu with text-based top items. Such menu will be loaded more quickly on your website (in comparison with image-based navigation).
Menu structure is comprised of HTML nested UL and LI tags. Standards compliant menu structure is simple to customize and update.

html mouseover dropdown menu html Easy to Use
With Vista Web Buttons clear and comprehensible interface, you need just 4 simple steps to get your web buttons or html menu ready and if you use a pre-designed sample as a base you'll end up even faster!

java chess menu save Side Menu Examples Overlap all Html Elements on the Page
Submenus drop down over all the objects of the page (select, flash, object, embed).

Multilanguage User Interface (MUI)
Since the version 2.79 Vista JavaScript Menu supports the multilanguage user interface. Vista JavaScript Menu is translated into the numerous of languages such as: German, Dutch, French, Italian, Spanish, Portugues, Arabic, Polisch, Romanian, Hungarian, Bahasa Malaysia.

Ready to use button templates and submenus themes.
In the Themes toolbox you can choose selected buttons and submenu themes for web appearance.

2.0 Buttons by v3.0.0

How to Use Javascript Menu Generator

  • Web buttons and icons properties

    This toolbox is for adjusting submenus properties. When you change submenu properties all submenus in the menu will be changed.

    Text - type the submenu's item text here.

    Link - the link that is to be opened when user clicks the item. For example: You can also click "Open" icon to the left of the "Link" field to select the page you want to link to.

    Link target attribute - link behavior adjustment. Link target attribute tells web-browser where to open the linked page. This attribute represents the Target attribute of the link (<a> tag in HTML). You can either enter your target value in the field or choose from the predefined attribute values in the list.

    If you enter your own value, it must be a window or a frame name. Note, that names are case-sensitive. The linked document will then be opened in that window/frame.

    Predefined attribute values:

  • _blank - Browser creates a new window for the linked page.
  • _parent - Linked page replaces the current frame's framesetting page (if one exists; otherwise, it acts like _self).
  • _self - Linked page replaces the current page in its window or frame.
  • _top - Linked page is to occupy the entire browser window, replacing any and all framesets that may be loaded (acts like _self if there are no framesets defined in the window)

  • If you leave the field clean then the linked page will be opened in the same browser window.

    Hint - specifies the tooltip that is shown when you hold the mouse over the item for a few seconds.

    Padding parameters - If you want to specify padding around the whole submenu you should set Padding parameter. If you want to specify padding around submenu items you should set Items padding parameter.

    Border width - Set Border width parameter if you want to specify border around the whole submenu. If you want to specify border width around each submenu's item you should set Items border width parameter.

    Border color - set border color around the whole submenu.

    Background color - set background for the whole submenu.


Please contact Customer Support at (please include template name in the message title)



YUI Library Examples: DataTable Control (beta): Server-side ... YUI Library Examples: DataTable Control (beta): Server-side Pagination ... This example integrates with server-side logic for customized pagination, recommended for ...

Fixed menu RadMenu Fixed menu RadMenu ... 32Client-Side API. 33Add / Remove / Disable Items. Application Scenarios. 34Breadcrumb. 35Custom Attributes. 36Multi-Column Menu. 37Fixed Menu. 38Related ...

OBOUT - ASP.NET Easy Menu - Home One menu can be shown for multiple items - faster loading, less traffic. ... Examples in VB.NET and C# (declarative and code-behind). Lots of ready to work examples. ...

JR's Right Side Floating Menu JR's Right Side Floating Menu. This simple and unobtrusive menu floats out onto the page ... Some examples are copyright notices and update flags. If the content ...

Collapsible side-menu component for ASP.NET Collapsible side-menu component for ASP.NET ... Overview. Run example in: C# VB.NET. Demos you shouldn't miss. First Look (Outlook Style Panelbar) Expand Behavior. Sliding Panelbar ...

DHTML Menu, JavaScript Menu, Drop-Down Menu Maker. Cross ... DHTML menu & JavaScript menu maker. Create cross-browser drop-down menus in just a few clicks!

Cut & Paste Dbmenu (CSS drop down menu) Side Styles. The HTML. The CSS. Example #2 (vertical dropdown menu) ... which contains all the files that make up this menu, plus the 3 examples you see above. ...

1st Contact - Access Northwind Examples, Northwind Database ... Click the Help menu, choose Sample Databases. A side menu will appear. Choose Northwind ... Followings is an example from the Northwind Sample Database, in which ...

No Side Menu - ColdFusion CustomTag Header/Footer Demo In this example side menu is turned off with showsidemenu="false" and a CSS file is imported css="css/nosidemenu.css" to adjust the left margin of the content. ...

ASP.NET Menu. ExpertMenu - XML and CSS based DHTML Server ... ExpertMenu - XML and CSS based DHTML Server-Side Menu Control for ASP.NET ... Check / Uncheck menu items on the server or client side. Copyright 2003-2006 ASP.NET ...

Cut & Paste Dbmenu (CSS drop down menu) Side Styles. The HTML. The CSS. Example #2 (vertical dropdown menu) ... which contains all the files that make up this menu, plus the 3 examples you see above. ...

AllWebMenus Joomla Menu Add-in: Examples of Joomla menus on ... AllWebMenus Joomla Menu Add-in: Examples of Joomla menus on Joomla websites

Jquery Side Menu : Drop Menu Overlapping jQuery Swf Jquery Side Menu. Make professional HTML/Java Script Menus for your web site with jQuery Menu!. Cascaded Dropdown Menu Php jQuery

Menu compliments of Menu Spacers. General Examples. Advanced Examples. Documentation. FAQs. Contributors. Project ... at the menu control in more detail, focusing on the server-side code. ...

ASP.NET Menu : ExpertMenu Demo : Dynamic Look Change This example demonstrates how you can manipulate menu objects on the ... A large number of server-side objects / properties have their analogues at the client side. ...

Main Navigation Types and Usability - Pt 2, Vertical ... The example below demonstrates a left side vertical menu configuration. ... An example of a right side vertical menu. From a usability perspective, ...