Skip to Content
ToolsLogic BuilderCanvas, panels, and selection controls

Canvas, panels, and selection controls

Logic Builder is easier once you stop treating it like a static form.

It is a canvas workspace, which means orientation matters almost as much as the logic itself.

The three main regions to manage

The workspace is organized around:

  • the left Block Palette
  • the center canvas
  • the right-side panel for Simulation, Templates, and My Flows

If one of those regions feels missing, the problem is often layout state, not a broken tool.

Left palette behavior

The block palette can collapse and expand.

Use it to:

  • keep more room for the canvas when your flow gets larger
  • reopen the palette when you are ready to drag a new block

Inside the palette area, you also get quick actions for:

  • disconnecting selected links
  • deleting the current selection

Right panel behavior

The right panel can also be hidden and shown from the top action area.

That panel is where you:

  • read simulation status
  • load templates
  • reopen saved flows

So if you cannot find simulation feedback, templates, or your saved flows, first check whether the right panel is collapsed.

What selection means in practice

When you click nodes or edges, Logic Builder tracks that selection and exposes actions that depend on it.

Selection matters because it enables:

  • deleting a node or connection
  • disconnecting selected edges
  • understanding exactly which part of the flow you are about to change

If a delete or disconnect control looks disabled, confirm that you actually selected the intended node or edge first.

Floating canvas controls

The canvas also has floating controls for:

  • Recenter
  • Zoom in
  • Zoom out
  • Delete selection

These are especially useful when:

  • your flow drifted away from the visible center
  • you zoomed too far in or out
  • the selected block is visible but awkward to work with

Good learner movement pattern

Use this rhythm:

  1. add blocks from the left palette
  2. arrange them in the center canvas
  3. use the right panel to save, load, or simulate
  4. recenter or zoom whenever the canvas starts feeling harder to read

That pattern keeps the workspace understandable as the flow grows.

Important simulation note

When a simulation is active, editing is temporarily locked.

That means you may not be able to:

  • drag blocks
  • reconnect edges
  • delete items
  • zoom and pan the canvas normally

If controls suddenly stop responding during a run, that is expected simulation protection rather than a failed page.

Last updated on