Part 3 · Tree Editor Basics

Drag and drop

Drag an item by its grip and drop it on another item. Where you let go on the target decides what happens: the top quarter puts it before, the bottom quarter after, and the middle makes it a child.

2 min read Verified on Treetor 0.1.22(current release 0.1.29)

Drop before: the top quarter

Press on the grip (⋮⋮) of the item you want to move and drag it over another item. Hovering the top quarter of the target draws a teal line along its top edge.

Drop before: the top quarter. Numbered callouts: 1 Dragged item, 2 Target, top quarter.
  1. Dragged item — Useful links, picked up by its grip.
  2. Target, top quarter — a teal line on the upper edge: release here and the item lands just before the target.

Drop into: the middle

Hovering the middle half of the target fills it with a teal tint and border.

Drop into: the middle. Numbered callouts: 1 Dragged item, 2 Target, middle.
  1. Dragged item — the same item, still held.
  2. Target, middle — tinted teal: release here and the item becomes the target's last child. The target's dot turns teal if it was a leaf.

Drop after: the bottom quarter

Hovering the bottom quarter draws the teal line along the target's bottom edge.

Drop after: the bottom quarter. Numbered callouts: 1 Dragged item, 2 Target, bottom quarter.
  1. Dragged item.
  2. Target, bottom quarter — a teal line on the lower edge: release here and the item lands just after the target.