Live data from Hacker News

Show HN: gridster.js, a drag-and-drop grid plugin that actually works

gridster.net

1–10 of 29 posts

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#3
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 :)

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#4

Any examples of this integrating with Twitter Bootstraps layout?

Hi there.

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.

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#5

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.

Sorry for the wrong link, we fix it right now!

Re: Show HN: gridster.js, a drag-and-drop grid plugin that actually works

#10

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.

You actually can.

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.

Post reply on HN