A different kind of jquery sortable

Question

I have elements of different sizes that are arranged somewhat acording to a grid (like in the image below) and I want to drag and drop properly those elements. Is there a plugin

Answer 1

I know you asked for this a while ago, but I finally remembered what it was called...

http://masonry.desandro.com/

Cheers.

Answer 2

Here's a simple way to do it using Isotope and jQuery UI.

Answer 3

Try isotope's re-layout. But be sure to look at their OTHER examples on Isotope as well. Anyway...this should give you a healthy starting point.

Answer 4

At Ducksboard we just launched gridster.js, a jQuery plugin that makes possible to build draggable layouts from elements spanning multiple columns. A live demo can be seen at gridster.net.

We are using it to arrange widgets of differents sizes in our dashboards. Hope you like!

Answer 5

Take a look at Geckoboard, which (I believe) uses jQuery Sortable to achieve the drag n drop grid layout.