=====How do I use the dragNdrop functionality?=====

Each panel that is draggable, has an icon in the panel title bar.
{{ :layout-header-drag-icon.png?direct&400 |}}

**TIP:** The best way to do this is to first collapse each panel using the collapse icon.
{{ :minimise.png?direct&400 |}}

It is easier to place panels when they are all collapsed.
{{ :all-minimised.png?direct&400 |}}

You can then grab the header by left clicking on the panel header and dragging the panel to wherever you would like to place it, and then releasing the mouse.
{{ :drop-area.png?direct&400 |}}


**PLEASE NOTE:** dragNdrop only works on a desktop device and will not function on a tablet or mobile device. There is also an annoying issue with the Firefox browser implementation, whereby when you drop the panel, the expand panel click is fired, so the panel opens when dropped. This means you will probably need to close the panel again before dragging other panels. Works ok in the Chrome browser.