Zephlon Zephlon - 9 months ago 34
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 Source

You can use Jquery UI to accomplish all of this.



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

enter image description here

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download