Masonry - Vaadin Add-on Directory

Cascading grid layout based on Masonry JavaScript library

Server side component container API for constructing Cascading grid layouts with help of Masonry JavaScript library (by David DeSandro, http://masonry.desandro.com/). JavaScript is in MIT license, Add-on code is with Apache2 license (these are compatible). For Drag'n Drop functionality, please check the GridStack addon: https://vaadin.com/directory#!addon/gridstack-add-on

Online Demo
Issue Tracker
Source Code
Author Homepage

Masonry version 0.1.1
Initial release + one hot fix (style were broken in 0.1.0)

Masonry version 0.2.0
Minor fixes (more delayed automatic layout calls on client side), and changes to APIs of DnDMasonryLayout component.

Masonry version 0.2.1
- CSS fixes (eq. dragged clones of components) - Fancier paper style added - More features in demo app - Missing API added to DnDMasonryLayout

Masonry version 0.3.0
Adds imagesloaded javascript to addon. You can now make Masonry layout to use this javascript library if you have undefined height images on you layout and these cause delay before actual positions can be calculated. Use setAutomaticLayoutWhenImagesLoaded(true) to enable this new feature. ImagesLoadedExtension can be useful for other use cases too, but consider it as experimental on it's own.

Masonry version 0.4.0
New HTML5 DnD based mode with better reordering feedback

Masonry version 0.4.1
Trying resolve issues caused you style name changes by re-layouting after each state change. This might have side effects. (Use 0.4.0 if you have issues with 0.4.1)

Masonry version 0.5.0
- Valo theme support - API to change wrapper style names (issue #10) - Masonry library updated to 3.3.1 - HTML5 Drag'n drop reordering removed as it did not work as well as well as planned. If you need this feature, use version 0.4.1 if it works for you. Or wait for Packery based add-on.