You are here: Home Add-ons collective.masonry

Masonry

by Jean-Michel FRANCOIS last modified Oct 08, 2011 12:38 AM
Introduction

Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Official Introduction

Integration in Plone

This add-on provide integration of masonry into the CMS Plone providing two new portlets area: above and behind the content. It register the javascript into the portal_javascript, so you can also install it just to have masonry and to provide great effect on your homepage.

before

before

after

after

Introduction

Just take a look at what is masonry. Next I let you think about if Plone portlets is using this above and behind the content.

How it works

It override the manage portlet view and let you add as many portlets as you want. All portlets above and behind the content are placed in 'float' and masonry plugin is called on these.

Two new portlets manager

This add-on add two new portlet manager, below the content body and above the content body.

Share |
Filed under:
comments powered by Disqus