Flow Layout + JqueryUI sortable

[dellis]

I was wondering whether it might be possible to drag/drop objects
located within a flow-layout element so that you could re-order/
organize them? It seems like it should, I just was wondering whether
you had tried it.

Very cool plugin BTW! -derrick.

[Bram Stein]

Hi,

I hadn't tried that yet, but I had a go at it just now:

http://www.bramstein.com/projects/jlayout/flowlayout.html

Please see the code and comments for more details. One small caveat: I
had to modify JSizes to get this to work. jLayout determines whether
an element is visible or not using JSizes. JSizes considers an element
with either "display: none" or "visible: hidden" to be invisible. The
sortable UI behaviour sets the place holder objects to hidden, but
these should still be laid out by jLayout. I might change the
definition of what is visible in JSizes in the next release or so, as
I cannot foresee much trouble with it, and it is quite useful
functionality to have. For now, please use the JSizes included on the
jLayout examples (http://www.bramstein.com/projects/jlayout/scripts/
jquery.sizes.js).

The sorting sometimes behaves a bit odd, but I think it is caused by
having elements of different heights and widths. Hope this gets you
started.

Best regards,

Bram

[Derrick Ellis]

Wow!! That is awesome! Thanks!