{"type":"doc","content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"section","parameters":{"macroParams":{},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Section"}}},"content":[{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"legacy-content","text":"","parameters":{"reason":"A column macro in a rich body macro can't be created or edited in the new editor.","nestedContent":{"type":"doc","content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"column","parameters":{"macroParams":{"width":{"value":"65%"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Column"}}},"content":[{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"background":"#ffcc66","rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Portal Style Drag and Drop","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#ffffcc","rowspan":1},"content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"excerpt","parameters":{"macroParams":{"atlassian-macro-output-type":{"value":"INLINE"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Excerpt"}}},"content":[{"type":"paragraph","content":[{"text":"The Layout Customizer provides drag and drop customization of layout in a portal environment.","type":"text"}]}]},{"type":"paragraph","content":[{"text":" Quickly wire up \"draggable\" elements and \"droppable\" targets with a simple script. Configurable options allow for \"locked\" content, specifying drag handles, and injecting custom CSS classes.","type":"text"}]}]}]}]},{"type":"paragraph","content":[{"text":"On this page","type":"text","marks":[{"type":"strong"}]}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{"maxLevel":{"value":"2"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Table of Contents"}}}},{"type":"heading","attrs":{"level":2},"content":[{"text":"Screenshots","type":"text"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"gallery","parameters":{"macroParams":{},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Gallery (Deprecated)"}}}},{"type":"heading","attrs":{"level":2},"content":[{"text":"Getting started","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Using (Component)","type":"text"}]},{"type":"paragraph","content":[{"text":"For determining use, refer to the ","type":"text"},{"text":"Drag and Drop design pattern","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/fluid/pages/11606277"}}]},{"text":".","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"(Component) Design and Development","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Known Issues","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Support & Community","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Filing Bugs and Feature Requests","type":"text"}]}]}],"version":1},"cxhtml":"65%

\n\n#ffffcc#ffcc66dashedPortal Style Drag and Drop#ccc

INLINE

The Layout Customizer provides drag and drop customization of layout in a portal environment.

Quickly wire up "draggable" elements and "droppable" targets with a simple script. Configurable options allow for "locked" content, specifying drag handles, and injecting custom CSS classes.

\n\n

On this page

\n2\n\n\n

Screenshots

\n\n\n

Getting started

\n\n

Using (Component)

For determining use, refer to the .

\n\n

(Component) Design and Development

\n\n

Known Issues

\n\n

Support & Community

\n\n

Filing Bugs and Feature Requests

\n\n"}}},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"legacy-content","text":"","parameters":{"reason":"A column macro in a rich body macro can't be created or edited in the new editor.","nestedContent":{"type":"doc","content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"column","parameters":{"macroParams":{"width":{"value":"35%"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Column"}}},"content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"Drag and Drop Example","type":"text"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"include","parameters":{"macroParams":{"":{"value":"Sorting Portlets Demo"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Include Page"}}}}]}],"version":1},"cxhtml":"35%

\n\n

Drag and Drop Example

\n\n

"}}}]}],"version":1}

Released Component Home Idea