Docs menu

Canvas basics

Place, connect and configure blocks, undo changes, save an image or a JSON file, and the keyboard shortcuts.

This page covers the controls on the canvas. Nothing here needs Pro.

Place blocks

A block is one unit of the strategy, such as an indicator, a condition or an order. There are four ways to add one.

  1. Open the palette with the grid button in the header if it is closed, then drag a block from the Nodes palette on the left onto the canvas.
  2. Double-click a block in the palette. The Builder puts it near the center of the canvas.
  3. Right-click an empty part of the canvas and pick a block from the menu. It appears where you clicked.
  4. Click the + button on a block’s output. The new block is placed next to it and connected to that output.
The Nodes palette with its categories and the number of blocks in each.
The Nodes palette. Each category folds open to show its blocks.
The block menu opened by a right-click on the canvas.
Right-click on the canvas to pick a block from the menu.

Use the search box above the palette to find a block by name. Ctrl+K moves the cursor to it.

Some blocks, such as Start, can be placed only once. Check E206 flags extra copies; see Validation messages.

Connect blocks

  1. Find the output dot on the right side of a block.
  2. Drag from that dot to an input dot on the left side of another block. The + button sits just to the right of the output dot, so you can start the drag from anywhere on the dot.
Start connected to a Moving Average block, with its settings in the Properties tab.
A connected block and its Properties tab.

Data flows from left to right. Which blocks to connect, and in which order, is covered in How a strategy flow works.

Configure blocks

  1. Click a block. The Properties tab on the right shows its settings.
  2. Change the values. The block on the canvas updates as you type.

A number typed outside its allowed range is moved to the nearest limit.

Options that apply to the whole strategy are in the Settings tab on the right, not on the canvas. Some blocks, such as Pyramiding, Averaging Down and Account Guard, are not placed on the canvas. You switch them on in the Settings tab.

Move around the canvas

ControlWhat it does
Zoom buttonsZoom in, zoom out, reset, and Fit All. The current zoom is shown as a percentage.
Align button, or GWhen on, blocks snap to a grid as you move them. The Builder remembers the choice in this browser.

Undo and redo

The header has undo and redo buttons. Ctrl+Z undoes the last change and Ctrl+Y redoes it. The Builder keeps the last 30 steps. Opening a project starts a fresh history.

Save an image

Open the ⋯ menu in the header and choose Export Image. The Builder saves a picture of the canvas.

The more menu with Import, Export, Export Image, Keyboard Shortcuts, Restart Tutorial and Clear.
The ⋯ menu.

Save and load a JSON file

A JSON file holds the blocks, the connections and the Settings tab values. It does not contain generated code.

  • To save: click Save in the header, or choose Export in the ⋯ menu. Both download ea-flow.json.
  • To load: choose Import in the ⋯ menu and pick a JSON file. A file that is not a Builder flow is refused with “Invalid file: missing drawflow data”, and nothing is loaded. “Flow imported” appears only when the flow was loaded. Blocks the Builder does not know are skipped with a message.

Clear in the ⋯ menu empties the canvas after you confirm.

Where your work is kept between visits is covered in Projects.

Guided tour

An empty canvas offers Take the 3-min tour. The ⋯ menu has Restart Tutorial. The tour loads the MA Crossover template and has five steps: Node Palette, Flow Canvas, Property Panel, Download the source and Connect Nodes. The Property Panel step says that the generated source comes with a Pro export. It replaces the flow on the canvas, so start it on an empty canvas.

Keyboard shortcuts

Shortcuts do not work while the cursor is in a text box, a number box or a drop-down. Ctrl+K is the exception. On a Mac, Cmd works in place of Ctrl.

KeysWhat it does
Ctrl+ZUndo
Ctrl+Y or Ctrl+Shift+ZRedo
Ctrl+CCopy the selected block
Ctrl+VPaste the copied block
Ctrl+DDuplicate the selected block
Delete or BackspaceDelete the selected block
Ctrl+SSave. Signed in with a project open, it saves the project to your account. Otherwise it saves in this browser.
Ctrl+EDownload the code (Pro only; without Pro the paywall opens)
Ctrl+KJump to the palette search box
GTurn grid snapping on or off
?Open or close the Help panel
F1Open or close the list of keyboard shortcuts
EscClose the Help panel or the shortcut list

The in-app list opened with F1 and the Help panel show a shorter list. This table follows the keys the Builder actually handles.