Hi everyone! We’ve added functionality to the elements tree for the New Responsive beta, allowing you to drag and drop to reorder and re-parent elements. Here are some notes to keep in mind when using this new feature:
- Clicking and holding an element will allow you to drag, and a line will appear to indicate where you will be dropping your element.
- A group will highlight when you hover over it or its children to indicate that you are dropping within that group
- If you hover over a collapsed group for more than one second, it will expand automatically
- Elements can be re-ordered within a parent container
- Reordering within a Fixed or Align to Parent will change z-index (Fixed and Align to Parent containers sort their children by ascending z-index)
- Reordering within a Row or Column will change the order of an element (Row and Column containers sort their children by ascending order)
- Elements can be moved from one parent container to another
- Into Fixed: the element that is dropped in will respect z-index and default to top left position
- Into Align to Parent: will respect z index and default to top left position
- Into Row: respect order
- Into Column: respect order
- If you drag into a collapsed group, the element will default to be the last child in the list
- Draggable elements include containers nested within a parent container
- We have disabled drag and drop for popups, group foci, and floating groups, as they rest above the page and cannot be nested into other groups. You can, however, drag other elements into these containers
- You may not drag a group into itself
- For now, you may only drag one element at a time, but the ability to select multiple is planned for the future
Happy dragging and dropping!
New Responsive | Drag & Drop in Elements Tree - Watch Video
! It was worth the wait 
