Skip to main content
This is a pre-production deployment of Warehouse. Changes made here affect the production instance of PyPI (
Help us improve Python packaging - Donate today!

The product allows Plone websites to update multilevel portal dropdown menu

Project Description

Quintagroup Plone Drop Down Menu

The product allows Plone websites to update multilevel portal dropdown menu and edit it within Plone. This is eggified version of old qPloneDropDownMenu product. It is compatible with Plone 4 only.


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>’):


Sample menu with 2 submenus. In this example we add submenus to ‘Members’, and ‘Events’ tabs:

<li id="portaltab-index_html" class="plain"><a href="" accesskey="t">Home</a></li>
<li id="portaltab-Members" class="plain"><a href="" accesskey="t">Members</a>
<li><a href="">John Doe</a><li>
<li><a href="">Mary Major</a></li>
<li id="portaltab-news" class="plain"><a href="" accesskey="t">News</a></li>
<li id="portaltab-events" class="plain"><a href="" accesskey="t">Events</a>
<li><a href="">Past Events</a></li>
<li><a href="">Calendar</a></li>

Customize the following elements in your’s css files to change the appearance of drop down menu:

  • #portal-globalnav - global navigation bar
  • #portal-globalnav .csshover li.plain a, #portal-globalnav li a - global navigation link
  • #portal-globalnav .csshover li.plain a:hover, #portal-globalnav li a:hover - global navigation link hover
  • #portal-globalnav .csshover li.plain ul, #portal-globalnav li ul - global navigation drop-down box
  • #portal-globalnav .csshover li.plain ul li a, #portal-globalnav li ul li a - global navigation drop-down link
  • #portal-globalnav .csshover li.plain ul li a:hover, #portal-globalnav li ul li a:hover - global navigation drop-down link hover

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


Plone 4


  • Vitaliy Podoba
  • Taras Melnychuk

Plone Development by Quintagroup, 2004-2012


You can install Products.qPloneDropDownMenu on Plone 4 sites. For that:

  • Add Products.qPloneDropDownMenu to the list of eggs to install:

    eggs =
  • Re-run buildout, e.g. with:

    $ ./bin/buildout
  • Restart the Zope server, e.g with the following command in the terminal:

    $ ./bin/instance restart
  • Install Products.qPloneDropDownMenu via QuickInstaller in Plone.


3.0 - July 14, 2010

  • Plone 4 support added
Release History

Release History

This version
History Node


Download Files

Download Files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

File Name & Checksum SHA256 Checksum Help Version File Type Upload Date
Products.qPloneDropDownMenu-3.0-py2.6.egg (30.3 kB) Copy SHA256 Checksum SHA256 2.6 Egg Jul 19, 2010
Products.qPloneDropDownMenu-3.0.tar.gz (20.9 kB) Copy SHA256 Checksum SHA256 Source Jul 19, 2010

Supported By

WebFaction WebFaction Technical Writing Elastic Elastic Search Pingdom Pingdom Monitoring Dyn Dyn DNS Sentry Sentry Error Logging CloudAMQP CloudAMQP RabbitMQ Heroku Heroku PaaS Kabu Creative Kabu Creative UX & Design Fastly Fastly CDN DigiCert DigiCert EV Certificate Rackspace Rackspace Cloud Servers DreamHost DreamHost Log Hosting