> For the complete documentation index, see [llms.txt](https://docs.inputflow.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.inputflow.com/form-editor/basic-controls.md).

# Basic controls

### Moving the Canvas

To reposition the canvas in the Form Editor, press and hold the left mouse button anywhere on the canvas, then drag to move it to a new location.

### Zoom In and Out

Zoom in or out by scrolling with your mouse wheel or touchpad.

### **Adding Steps & Action Blocks**

Drag steps and action blocks from the Form Editor's sidebar onto the canvas to add them.

<div align="left"><figure><img src="https://389188249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH7DTlzVa3mWF0vRGpPYy%2Fuploads%2Fbp5Fu3rfxy4GdnXAAOUd%2FGroup%2014.png?alt=media&amp;token=a2c3e3c7-375f-4fa0-b363-06982a28bd50" alt="" width="563"><figcaption></figcaption></figure></div>

### **Connecting Steps and Action Blocks**

Create a connection by clicking the black knob at the bottom of a step and dragging it to the top center of the next step. Release the mouse button to complete the connection. It works the same with action blocks.

<div align="left"><figure><img src="https://389188249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH7DTlzVa3mWF0vRGpPYy%2Fuploads%2F4RvB28uGDhh9MLgrKVOt%2FGroup%2012.png?alt=media&amp;token=b73bd71c-e88a-4ead-9638-9c7380c80f6d" alt="" width="563"><figcaption></figcaption></figure></div>

### Deleting Connections

Double-click on a connection between two steps to delete it.

### Accessing Step & Action Block Settings

Click a step on the canvas to open its settings panel. This also provides access to additional step functionalities such as input validation and calculation.

<div align="left"><figure><img src="https://389188249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH7DTlzVa3mWF0vRGpPYy%2Fuploads%2FZYd5UrBSwKH74hZXZqFX%2FGroup%2011%20(2).png?alt=media&amp;token=f3ecd2b8-baf1-4402-9ec3-97f5748aa8cd" alt=""><figcaption><p>Click on a step or block, and associated settings panel opens up.</p></figcaption></figure></div>

### **Deleting Steps & Action Blocks**

Right-click on a step or action block and select 'Remove' to delete it from the canvas.

<div align="left"><figure><img src="https://389188249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH7DTlzVa3mWF0vRGpPYy%2Fuploads%2FqqIzl23nz6gFtpnuGsw6%2FGroup%2013.png?alt=media&amp;token=2de907ec-38fc-48a1-8d6f-14d1e2a0570d" alt="" width="345"><figcaption></figcaption></figure></div>
