Zephlon Zephlon - 3 days ago 4
jQuery Question

How to make drag-and-drop docking panels?

I would like to have dockable panels using jquery that behave much like the ones in Visual Studio. Mainly, I just want to be able to drag and drop panels to any side of the screen. Tabs, floating windows, and auto-hide panels are not necessary. When two or more panels are dropped on to the same side, they should share the space on that side of the screen. The user should be able to resize the panels.

Is there a jQuery and/or jQuery UI plugin that can do this? Or maybe a tutorial?

Answer

You can use Jquery UI to accomplish all of this.

http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/droppable/

Below is an example of a drag and drop page I made.

enter image description here