Drag and drop grid elements - Gridster.js

[ceffectz]

Drag and drop grid elements - Gridster.js



Gridster.js - saving the state and dynamic loading of the elements
This is it, the mythical drag-and-drop multi-column grid has arrived. Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid. It is on par with sliced bread, or possibly better. MIT licensed. Suitable for children of all ages. Made by Ducksboard. It's so sweet we like to call it drag-and-drool.


[Gridster.js - saving the state and dynamic loading of the elements

This is it, the mythical drag-and-drop multi-column grid has arrived. Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid. It is on par with sliced bread, or possibly better. MIT licensed. Suitable for children of all ages. Made by Ducksboard. It's so sweet we like to call it drag-and-drool.

Demos
Adding widgets dynamically
Custom drag handle
Expandable widgets
Build grid from serialize
Multiple gridster instances on the same page
Resizable widgets
Resizable widgets with constraints
Serialize widgets positions
Using drag callbacks
Using resize callbacks
Dynamic grid width

Usage

Setup
Include dependencies

Gridster is currently written as a jQuery plugin, so you need to include it in the head of the document. Download the latest release at jQuery.


Read More : http://www.ceffectz.com/discussions/284-...ridster-js