GridStack Add-on - Vaadin Add-on Directory
gridstack.js based "drag-and-drop multi-column grid" layouting to Vaadin applicationsOnline 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