Plone Drop Down Menu

Category: Layout and presentation — Other products by this author

Current release: Plone Drop Down Menu 0.1.10

Released Jul 4, 2006 — tested with Plone 2.1.2, Plone 2.1.1, Plone 2.0.5

The product allows Plone websites to update multilevel portal

List all releases… Full release announcement…

Get Plone Drop Down Menu for all platforms (11kB)

Product Package

Project Description

Project resources

• Documentation
• Releases
• Contact address
• Project page
• Issue tracker
• Support
• Code repository

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+).