Skip to main content

Integrate Masonry to Plone

Project description


This add-on is inspeared by ContentWellPortlets. Main differences are:

  • You can add as many portlets as you want above and below the content body.
  • There is only one manage portlet screen
  • Portlets layout can be configured
  • Portlets layout can be extended in many ways


Layout is controlled with many axes. The main idea is to force all portlets in above and below the content to float from left to right.

But portlet has no forced width, so here you have many ‘mode’ you can configure per page for above and below. Note ‘above’ and ‘below’ portlets can use a different mode.

Availables modes: * fixed with 220 * min-max: 220 - 300 * free

The height is not forced. This is where the jquery.masonry plugin comes in action. Portlets will be moved to build a layout with a minimal height. You can disable this behavior by just unactivate the corresponding javascript:

<javascript id="++resource++collective.masonry/masonry.js" enabled="False" />

Some mode can force you to review the masonry configuration exposed in the viewlet configuration.




1.2.2 (2013-01-23)

  • Add a configuration panel to define a mode for each area (above and below) of each page.
  • Refactor html classes and css selectors
  • Do not activate jquery.masonry by default because it break layout more than helps to build it.

1.2.1 (2012-08-13)

  • Add visualClear block to be sure content is displayed after blocks.
  • Use link for css registry.

1.2 (2011-12-30)

  • add new classifiers
  • update manage portlet contextual to work as default one

1.1 (2011-10-06)

  • change the slot used for portlets: IAboveContentBody and IBelowContentBody [toutpt]

1.0 (2011-10-06)

  • update masonry to v2.0.110927 and imagesLoaded plugin to v1.0.4 [toutpt]

1.0b2 - (2011-04-07)

  • add jquery.imagesloaded plugin to fix images handling in masonry [toutpt]

1.0b1 - (2011-02-24)

  • Initial release

Project details

Download files

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

Filename, size & hash SHA256 hash help File type Python version Upload date (31.3 kB) Copy SHA256 hash SHA256 Source None

Supported by

Elastic Elastic Search Pingdom Pingdom Monitoring Google Google BigQuery Sentry Sentry Error logging AWS AWS Cloud computing DataDog DataDog Monitoring Fastly Fastly CDN SignalFx SignalFx Supporter DigiCert DigiCert EV certificate StatusPage StatusPage Status page