Skip to main content

Multi-select & multi-drag

Working element-by-element is slow. The Besigner lets you select multiple nodes — in the hierarchy or on the canvas — and act on them together.

The hierarchy panel with the node tree expanded

Select multiple​

  • On the canvas, add elements to the selection as you click.
  • In the hierarchy, select multiple nodes the same way.
  • Selection spans both surfaces — what you pick in the hierarchy is reflected on the canvas and vice versa.

Move the whole selection​

Once several nodes are selected, dragging moves the entire selection at once, preserving their arrangement. This is the fast way to reposition a group without grouping them permanently.

What the inspector shows​

The inspector's header names one element, and with several selected that element is the last one you added to the selection — not the first, and not "several". So a header reading Hero · Section while four things are highlighted is telling you about the fourth click, and the panel's Attributes and Styles tabs act on that element.

Pick the element you actually want to edit last, or drop back to a single selection before reaching for the inspector. Dragging, by contrast, still moves everything selected. See the inspector.

Tips​

  • Selection overlays render inside the viewport's stacking context, so they highlight the right elements without disturbing page scroll.
  • Combine with drag-and-drop reparenting to move a group into a new parent.