Skip to main content

Toolbar for Plone

Project description installs a new content editing toolbar for Plone.


  • Move the admin toolbar currently found in the content of a page (when
    logged in) to a separate, encapsulated, bar at the top of the page.
  • Make it so themer’s do not need to handle or manage admin specific UI,
    unless it is something they are are intentionally doing


To install toolbar drop following lines to your buildout.cfg:

extends =
versions = versions
parts = instance

recipe = plone.recipe.zope2instance
user = admin:admin
http-address = 7000
eggs =

[versions] = 1.8.3

Above version pins are for Plone version 4.3rc1 or higher.

Make sure you install the “Plone Toolbar” profile when creating your Plone site or include profile in your metadata.xml..

To start developing you can find buildout at buildout.deco repository.:

Diazo rules

First we need to copy the toolbar’s HTML code:

<before theme-children="/html/body"
    content="//div[@data-iframe='plone-toolbar']" />

Then, in case we are not copying all resources from Plone (content) into the theme we have to include the toolbar’s resources and its dependencies as well:

<before theme-children="/html/head">
    <link rel="stylesheet" type="text/css"
    <link rel="stylesheet" type="text/css"
    <link rel="stylesheet" type="text/css"
    <script type="text/javascript"
    <script type="text/javascript"
    <script type="text/javascript"
    <script type="text/javascript"

Also, in order to correctly support updating a page after using Edit, you must ensure that the element #portal-column-content exists within your theme. In short, as with Plone’s default theme, this element should correspond to the main content column. It will be repopulated with updated content after an edit action takes place via the toolbar. A rule similar to this is needed - in this case, the entire element is placed into the theme:

<replace css:theme-children="#content article"
    css:content="#portal-column-content" />

For the technically minded, the element of #portal-column-content will be repopulated with HTML corresponding to the same element ID from a response body returned after an edit takes place.

The above rules and consideration should be enough so that your theme will support

Project details

Download files

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

Files for, version 1.3.0
Filename, size File type Python version Upload date Hashes
Filename, size (649.5 kB) File type Source Python version None Upload date Hashes View

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring DigiCert DigiCert EV certificate Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page