Netflix-style Drag & Drop objects w/vertical row sorting - is it possible?

Scott Savage (Motorize, LLC) shared this question 6 years ago
Answered

I'm working on a bit of a complex demo that has an object - essentially a grid - which needs to have the ability to drag & drop a whole row/horizontal container (that contains objects within it) vertically and then re-order/re-sort the objects around it.


Essentially... to do what Netflix does with their Queue Management utility, in which you can drag whole rows to reorder them.


While I'm able to make the whole row drag and drop, I can't seem to get the other rows to sort around it. Is this behavior possible in JIM, and if so... how can I get it to work?


Thanks!

Comments (5)

photo
1

It is possible. You just have to place all the 'rows' inside a dynamic panel and then, in the properties of that panel, define the layout as 'vertical'. Then define an event on each row that says on drag stop -> insert into -> 'the big dynamic panel'. The vertical layout will make all the other rows to rearrange automatically. The same layout has been used in this tutorial to 'push' content http://www.justinmind.com/usernote/te...

photo
1

Awesome! Thanks Victor!

photo
1

Hello,


I'm searching for the "scroll push content" tutorial referenced above by Victor. Could not find via site search. Where may tutorial be?


Thank you.

photo
1

Ken, the link is now fixed!

photo
1

Hi John,


I followed the link. The tutorial has some elements of the Original Posters question, and Victor's answer (i.e. dynamic panel usage). But it doesn't address the "insert into" issue the OP and Victor were discussing, which I'm assuming the original link referred to.