Directory

GridStack Add-on - Vaadin Add-on Directory

gridstack.js based "drag-and-drop multi-column grid" layouting to Vaadin applications GridStack Add-on - Vaadin Add-on Directory
GridStackLayout provides drag'n drop multi-column grid layouts for Vaadin applications. Implementation is based on gridstack.js library written by Pavel Reznikov. This add-on uses Apache 2.0 license, see license of dependencies from project's GitHub page. If you do not need all features of GridStack, also check my Masonry add-on: https://vaadin.com/directory#!addon/masonry
Author Homepage
Online Demo
Issue Tracker
Source Code
gridstack.js
Online Animated List Demo

GridStack Add-on version 0.1.0
Initial release. Not tested on touch devices yet.

GridStack Add-on version 0.2.0
- Fixing issue #3 "Removing and subsequently adding Components" - Clearning unneeded error debug prints on client side - Way Vaadin components handle events cause issues with gridstack's drag handling. For this reason separate drag handle element is now used by default. Issue #2 - Adding top level static option to toggle layout's edit mode. Currently still allows to drag children that allow dragging without handle (KNOWN ISSUE).

GridStack Add-on version 0.2.1
- Add missing API to define cell height, min width and vertical margins - API to set wrappers un-scrollable - GridStackButton component added if you want to use Button without separate draghandle

GridStack Add-on version 0.3.0
- Possibility to move and resize already added children - Adds animate option to allow nice transitions when moving children - gridstack.js updated to 0.2.5 - Deprecated API removed - Fix error in getComponent method with coordinates (could have returned wrong components)

GridStack Add-on version 0.3.1
- isAreaEmpty will now return false if area goes outside the right edge of layout - Client side now calls gridstack.js for it's children based on order of coordinates. Issue #18

GridStack Add-on version 0.3.2
- Uses CamelCase methods and variables, to avoid deprecated warnings on client side - Fix initialization issue when adding GridStack to parent existing on client - Improving performance and error management in add-on's code - With complex DOM structures in children gridstack.js initializing gets slow. To fight this ready listener interface is added. It seams to be faster to add children after gridstack.js has initialized itself, than adding those before initialization. To use this trick add GrisStackReadyListener and add child components only when it's called. As extra benefit event will tell the width of component on client side. This can used to adjust the layout.

GridStack Add-on version 0.4.0
- Ready event has now easy way to verify it's called first time for that GridStackLayout - Vaadin 8 supported and required (use 0.3.x with Vaadin 7) - gridstack.js updated to 0.3.0-dev - Found out that min-height: 100%; is **bad** idea to have on grid-stack element, so removed it from demo app. Now resizing and dragging works better. - Move to use Vaadin Icons, as it's part of Valo in Vaadin 8 - Minor fixes done in initial rendering

GridStack Add-on version 0.4.1
- Add method to set style name for item wrapper - Alternative paper styling from Masonry add-on - gridstack-initializing and gridstack-ready stylenames added to allow advanced theming