Extension:MegaMenu

The MegaMenu extension adds a jQuery MegaMenu to the top of any MediaWiki page. It is a horizontal menu that includes several configurable parameters that make use of the jQuery library of dropdown effects such as hover, fade, slide and click. Links or other content (such as images or video) are added and configuration settings changed by editing a php file directly (no wikitext involved).

Note that this menu is separate from the normal navigation menu edited through MediaWiki:Sidebar. The extension was created for Vector although it may also work with other skins.

= Features =

Comes with numerous features including the ability to include video, images or in its unmodified form upto 66 menu items per parent item (if you need more reduce the font size.

jQuery offers a range of effects (see above), with more to follow in future releases.

= Font Awesome =

From version 1.0.1 MegaMenu includes full support for Font Awesome, see demo for details, no additional install is required. Font Awesome icons can be included anywhere in Mediawiki.

= Compatibility =

Designed and tested using the Vector Skin only.

The initial test version worked on 1.22.2 and more recently (8th April 2014) on 1.22.5 and 1.22.6 (27th May 2014).

The extension works with all major browsers apart from I.E 6 due to its lack of Javascript and CSS support.

= Installation =

= Configuration =

Change the links to suit your own needs by modifying extensions/MegaMenu/includes/MegaMenu.php

Change the layout, font and additional css by modifying extensions/MegaMenu/modules/ext.megamenu.css (Remember to Refresh!)

Change the jQuery effects by modifying Common.js. The following are available;

Menu Effects: 'hover_fade', 'hover_slide', 'click_fade', 'click_slide', 'open_close_fade', 'open_close_slide' Menu Easing: 'easeInQuad', 'easeInElastic', 'jswing',

More jQuery effects will be available in the stable version.

= Version History =


 * 0.0.1 Beta - (6/4/2014) A complete core hack!


 * 0.0.2 Beta - (8/4/2014) Creation of a basic extension that uses resourceloader to add the extension modules.


 * 0.0.3 Beta - (9/4/2014) Developement complete, needs testing and feedback before making stable.


 * 1.0.0 Stable (22/05/2014)


 * 1.0.1 Stable (27/05/2014) Font Awesome support included.

= See Also =


 * Extension:CSS MenuSidebar
 * Extension:TreeAndMenu
 * Extension:CSS_Dropdowns