Package: collective.collage.megamenu
Rough list of featuresPlone implementation of a mega drop-down menu based onhttp://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/.Developed for Plone 3 and Plone 4.Usescollective.collage.nestedto support nestedCollageobjects.Adds some actions in portal_actions/object_buttons:Enable Megamenu: addsIMegamenuEnabledinterface to current folder.Current Megamenu: selects current folder as current megamenu (the one
that will be displayed inplone.portalheaderviewlet manager).Disable Megamenu: removesIMegamenuEnabledinterface to current folder.Test Megamenu: shows a preview of the current megamenu-enabled folder as if
it werethemegamenu.Collage layout-views forATCTContent:menuandintro.Collage renderer-views for Collage, Rows and Columns used inside the above
layout-views. This is to provide cleaner HTML.JavaScript and CSS resources to support megamenu. Special CSS for Plone classic
theme (Plone 3 theme).Native support for ATFolders (seeatfolder.zcml) and plone.app.folder
(ploneappfolder.zcm) and can be extended for other custom folder implementations.How-to create a megamenuCreate a regular folderGo to Actions | Enable MegamenuGo to Actions | Current Megamenu to select the folder as the megamenu
folder you want to display.Create as many Link objects to internal or external URLs you want to
include in megamenu as regular links (no drop-down). Description is
rendered astitleattribute.Create as many Collage objects as items you want to show in your menu.
Description is rendered astitleattribute.Add one related item in your Colage objects to provide a default link
(for non-JavaScript enabled browsers).Create as many rows and columns as you need in Collage and select themenuoption in layout dropdown.menurows have several skins to display horizontal or vertical
separating lines between rows and columns.Create as many objects as you need in the columns and select themenuoption in layout dropdown.menuitems have three skins to display just the title (no link),
regular link or highlighted (strong) link.Alternatively, you can selectintrolayout to provide more details:
title, image and description.Megamenu controlpanelYou can:Enable / disable megamenu.Select current megamenu folder (from all the folders providingIMegamenuEnableinterface).Choose whether you want to include drop-down HTML markup in the page or
load it via AJAX.Automatically hide all folder contents (and folder itself) when
megamenu-enabling (by setting expiration date).Automatically show all folder contents (and folder itself) when
megamenu-disabling (by removing expiration date).ScreenshotsCollage description is shown astitle. “Events” link highlighted
withselectedCSS class. Second column with highlighted news item
withintrolayout.Three rows with one, two and three columns.Horizontal and vertical line separatorsNested Collage: two columns, each of which with two rows.Megamenu with classic theme working in Plone 3.InstallationAddcollective.collage.megamenuto the list of eggs to install and
extend to a known good set forplone.app.registry:[buildout]
...
extends =
    ...
    http://good-py.appspot.com/release/plone.app.registry/1.0b2
...
eggs =
    ...
    collective.collage.megamenuTell the plone.recipe.zope2instance recipe to install a ZCML slug:[instance]
recipe = plone.recipe.zope2instance
...
zcml =
    collective.collage.megamenuRe-run buildout, e.g. with:$ ./bin/buildoutYou can skip the ZCML slug if you are using Plone 3.3 or if you are going to explicitly include
the package from another package’s configure.zcml file.CreditsBased onMega Drop Down Menus w/ CSS & jQueryimplementation by Soh Tanaka.DevelopmentMarcos F. Romero <marcos.romero {at} inter-cultura {dot} com> (developer)Juan Pablo Gimenez <jpg {at} rcom {dot} com {dot} ar> (advisor)TranslationsSpanish (es): Marcos F. RomeroEnglish (en): Marcos F. RomeroChangelog1.1.2 (2011-11-25)AppliedvisualNoPrintclass to megamenu to hide it in print mode1.1.1 (2011-08-05)Corrected z-index for drop-down and shadowAdded native collage class names to triggerMove JS function to workAdded collage-patch.js with new version of triggerMove that uses
collage elements in the current collage object instead of the whole DOMAutomatically install Plone 3 classic theme in Plone 31.1 (2011-08-05)Native support for plone.app.folder if installed (conditional include)Added shadow to drop-down boxAdded handy class names to top-levellielements for styling purposes:top-level-1,top-level-2, …top-level-lastAdded handy class names to prev/next-toactivedrop-downlielementImproved accessibility using new ‘click’ event handlers on menu options1.0 (2011-04-23)Megamenu implementation with CollageNative support for ATFolderi18n support: English and Spanish translationsTested in Plone 3.3.5 and Plone 4.0.3