Plone Drop Down Menu

Plone Drop Down Menu (qPloneDropDownMenu) product allows managing multilevel drop down menus in Plone.

1 Install as Zope product

Download For All Platforms

2. Install in your Plone instance with QuickInstaller (Plone Control Panel -> Add/remove Products)

3. Add <dtml-var drop_down.css> in ploneCustom.css with

Plone Control Panel -> Zope Management Interface ->portal_skins->plone_styles->ploneCustom.css

4. To create drop down edit in drop down menu configlet form.

Plone Control Panel -> Drop Down Menu

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>

For example:

you want to create a drop down under About Us portal tab and its drop down contain Profile and mission.

Then write the following code.

<li id="portaltab-About Us" class="plain"><a href="http://203.122.26.115:9676/openforum/About Us" accesskey="t"> About Us</a>

<ul>

<li><a href="http://192.168.0.2:9676/openforum/Profile">A Profile</a></li>

<li><a href="http://192.168.0.2:9676/openforum/Mission/">Mission</a></li>

</ul>

</li>

5. Click save to make drop down visible

6. 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>      In this we have  added submenus to our Members tabs.   NOTE:

You can click ‘regenerate menu ’ button on drop down menu configlet form to reset menu. This generate default drop down bar ,This step is only  usefull in case any thing go wrong & want to start from beginning.

By doing so you will lose your previous code of menu with all submenus.