Integrate Masonry to Plone
Project description
Introduction
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
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.
Credits
Companies
Changelog
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
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.