Horizontal ul + vertical sub ul problem

[davidosullivan]

Is there anyway to make this work with lists that are displayed using a mixture of horizontal and vertical lists? Basically I am trying to make a standard dropdown menu sortable.

I set all the dropdowns to be visible and then want the user to be able to drag elements in and out of the toplevel and in and out of the dropdowns- exactly like your demo but with the top level displayed horizontally. jQ-ui sortable almost does this out of the box actually, you can sort the drop downs, elements in the drop downs and drag elements from one drop down to another, what you cant do is drag things from the drop down to the top level or drag a sub menu element to be the sub element of a top level that doesn't already have child elements- both of which yours does do- but I cant see a way to make it work with a horizontal top level.

This is jQ ui sortable and you can see its just about there but missing your features http://jsfiddle.net/Gdadu/22/

[mjsarfatti]

What I would do is to have each toplevel a separate nestedSortable (each connected to the others), and the toplevel items only a sortable. Let me know if it works!

[boukrou]

I've been trying to do something like this too, using your plugin or only sortable, trying your idea, but for the moment without success.

My best shot is at : http://jsfiddle.net/Gdadu/30/ Yet, placeholders placement remains weird... I really could use any suggestion !

[mjsarfatti]

If you are still reading this, can you try with the new 2.0 version, and protectRoot: true?

[alexiswbr]

Awesome, I was looking for this ! Thank you

[sanjukandgal]

I am trying something like parent and child nodes can be movable anywhere in the list. like it behaves in vertical list. But It is not as smooth as in Vertical List. Please help...