Plone Drop Down Menu

Plone Drop Down Menu (qPloneDropDownMenu) product allows managing multilevel drop down menus in Plone. Drop down menu implemented by qPloneDropDownMenu Plone product is search engine friendly.

Project Description

Usage

1. Install as Zope product
2. Install in your Plone instance with QuickInstaller (Plone Control Panel -> Add/remove Products)
3. For Plone below 2.1 to use drop_down.css add <dtml-var drop_down.css> line to your portal ploneCustom.css.

4. You have a list of items of your top level menu, which you can edit in drop down menu configlet form. Now, to add submenu to the certain menu item, you need to add unordered list inside of top level menu item (<li>...</li>) after its title (<a></a>):

      <ul><li>...</li>...<li>...</li></ul>
   

   To make your changes live click save button.

   Sample menu with 2 submenus:

     
      <li id="portaltab-index_html" class="plain"><a href="http://example.com/" accesskey="t">Home</a></li>
      <li id="portaltab-Members" class="plain"><a href="http://example.com/Members" accesskey="t">Members</a>
          <ul>
              <li><a href="http://example.com/Members/jdoe">John Doe</a></li>
              <li><a href="http://example.com/Members/mmajor">Mary Major</a></li>
          </ul>
      </li>
      <li id="portaltab-news" class="plain"><a href="http://example.com/news" accesskey="t">News</a></li>
      <li id="portaltab-events" class="plain"><a href="http://example.com/events" accesskey="t">Events</a>
          <ul>
              <li><a href="http://example.com/events/previous">Past Events</a></li>
              <li><a href="http://example.com/calendar">Calendar</a></li>
          </ul>
      </li>
   
   

   In this example we added submenus to our Members, and Events tabs.

   You can click button on drop down menu configlet form to reset menu. This can be usefull in case broken html of menu code. Generated code is based on status of Automatically generate tabs in your Navigation settings (in Plone 2.1+). However you will lose your previous code of menu with all submenus after click on regenerate menu.

   If you want to regenerate menu you should pay attention to status of Automatically generate tabs in your Navigation settings (in Plone 2.1+).