Rearranging Elements

Nothing you add is stuck where you put it. The Structure panel — the tree of every element
on the page — is the fastest way to see how a page is put together, select exactly the
element you mean, and move things around. Open
it with the layers button () in the toolbar — third from the left,
next to + — or Ctrl+Shift+E (Cmd+Shift+E on Mac).

Reading the tree

Each row is one element: a type icon, then a name. The name is the element's type
("Container", "Text") until the element has a class — then the class name is used, which
is why a well-classed page reads like a table of contents. Rows with children have a
chevron to expand or collapse them.

Click a row to select that element — it's highlighted on the canvas and the
Element Properties panel opens.
It works both ways: selecting an element on the canvas highlights its row in the tree.

The Structure panel and the Add panel
share the left side of the editor, so opening one closes the other. The tree stays open
while you work in the right-side panels.

Drag on the canvas

Drag an element on the canvas and Oxygen shows where it will land as you go. This is the
quickest way to move something a short distance, where you can see both the element and
its destination at once.

Drag in the Structure panel

For anything fiddly — moving an element into a container it isn't near, or reordering a
long list — drag its row in the
Structure panel instead. The page is a tree there, so the drop targets are
unambiguous:

• Drop between rows to reorder.
• Drop onto a container's row to nest the element inside it.

Dragging moves the whole element — its children come with it.

Moving an element to another page

Dragging only works within the document you're editing. To move something to a different
page, copy it and paste it there: see
Copy and Paste.