What are some example use cases? Judging from comments so far, several people need this and plan to use it but I'm having a difficult time thinking of use cases, other than puzzle games.
We built it for our own product, Ducksboard. Users can build their own metrics dashboards by adding widgets and arranging them as they like.
That's the use case: being able to arrange/sort a set of widgets by dragging and dropping them in an grid. Puzzles, dashboards, image collections, think of any thing built of visuals elements where order counts.
I use something similar to allow users to manage the order in which images show up on their listings. (we provide a service for people to buy/sell cranes)
I've been trying to fake it on a recent project for Stanford's recent HCI online class (see http://btubbs.github.com/slapdash/), but Gridster looks much nicer. Will be switching.
Nice! and indeed needed...
How do you handle scroll areas? can one column be independently scrolling? that was my main pain point with JQueryUI draggable...
Note that your "Fork me on github" banner points to http://github.com/you, which shows me MY profile page :)
When the mouse pointer gets close to the bottom of the viewport while dragging an element we scroll the document. Columns are not scrolled on their own, since the whole grid is a "block".
We built it because jQuery sortables were limiting us to use separate columns, which couldn't handle "wide" (more than 1 column in width) elements.
Very nice! Any tips/issues on making it responsive to the window size? Having just viewed at the demo and not really digging into the code, I am not sure if this is rather obvious or not. Thanks!
This is the best dnd layout manager I have seen so far and trust me I have played with a lot of them. There is of course some improvement that can be made but that is what github is for. I really hope this project will get enough traction to warrant updates and new features.
great job
Very nice. Hopefully there's a simple way to take the serialized position array and parse out an order. Would be nice to use this plug-in to allow users to easily rank and group objects.
[+] [-] simulate|13 years ago|reply
[+] [-] aitorciki|13 years ago|reply
That's the use case: being able to arrange/sort a set of widgets by dragging and dropping them in an grid. Puzzles, dashboards, image collections, think of any thing built of visuals elements where order counts.
[+] [-] benblodgett|13 years ago|reply
[+] [-] bjt|13 years ago|reply
I've been trying to fake it on a recent project for Stanford's recent HCI online class (see http://btubbs.github.com/slapdash/), but Gridster looks much nicer. Will be switching.
[+] [-] eranation|13 years ago|reply
Note that your "Fork me on github" banner points to http://github.com/you, which shows me MY profile page :)
[+] [-] aitorciki|13 years ago|reply
We built it because jQuery sortables were limiting us to use separate columns, which couldn't handle "wide" (more than 1 column in width) elements.
Sorry for the wrong link, we fix it right now!
[+] [-] Argorak|13 years ago|reply
http://dearmacos.tumblr.com/post/28341302336/computer-graphi...
[+] [-] aitorciki|13 years ago|reply
Will have a look at what can be done, thanks :)
[+] [-] wmblaettler|13 years ago|reply
[+] [-] aitorciki|13 years ago|reply
We've started by building something to fulfill our needs, and responsiveness wasn't in the list for a first version.
Some logic is ran on browser resize, but the grid itself is not resized.
We'd love to add it to future releases!
[+] [-] Hikari|13 years ago|reply
[+] [-] jsmcallister|13 years ago|reply
[+] [-] aitorciki|13 years ago|reply
Have a look at the serialize() API method, as well as the serialize_params options attribute.
It's what we use at Ducksboard to let users arrange widgets in their dashboards.
[+] [-] wmblaettler|13 years ago|reply
[+] [-] aitorciki|13 years ago|reply
We'd like to allow different strategies in the feature, we just started by the one we needed.
[+] [-] halis|13 years ago|reply
[+] [-] aitorciki|13 years ago|reply
[+] [-] unknown|13 years ago|reply
[deleted]
[+] [-] ipedrazas|13 years ago|reply
You're going to make my children very happy indeed!
[+] [-] manuscreationis|13 years ago|reply
[+] [-] aitorciki|13 years ago|reply
The only current integration of the tool is Ducksboard, where we use it to handle widgets arrangement.
The documentation is pretty extensive anyway, it should be easy to integrate anywhere.
[+] [-] Ethervoid|13 years ago|reply
[+] [-] hamorim|13 years ago|reply
[+] [-] ivanloire|13 years ago|reply
[+] [-] wseymour|13 years ago|reply