Inputflow documentation
  • Getting started
    • 🪄What is Inputflow?
    • 🏷️Adding the Script
    • 💡2 Minute Quick Start
    • 📽️Video tutorial
  • Elements Manager
    • What is the Elements Manager?
    • Form structure
    • Connect a form
    • Create steps
    • Next & back buttons
    • Submit buttons
    • Elements Manager Video Tutorial
  • Form Editor
    • What is the Form Editor?
    • Loading form elements
    • Basic controls
    • Branching & conditions
    • Validation & Error messages
    • Calculations & Variables
    • Formula calculations
    • Action blocks
    • Conditions deep-dive
    • Match renamed radio groups
  • Engagement boosters
    • Progress bar & Progress steps
    • Automatically go to next step
    • Custom success message
    • Conditional success messages
    • Display data
    • Radio button & checkbox active state
  • Other
    • Zapier & Make webhooks
    • Conditional styles & Visibility
  • Examples
    • 🏋️Gym Onboarding Form
    • ☀️Solar Investment Calculator
    • 🍕Order Form Food Delivery
    • 📑Agency Inquiry Form
  • Troubleshooting
    • Common errors & mistakes
    • How to get help?
Powered by GitBook
On this page
  • Moving the Canvas
  • Zoom In and Out
  • Adding Steps & Action Blocks
  • Connecting Steps and Action Blocks
  • Deleting Connections
  • Accessing Step & Action Block Settings
  • Deleting Steps & Action Blocks
  1. Form Editor

Basic controls

PreviousLoading form elementsNextBranching & conditions

Last updated 1 year ago

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.

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.

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.

Deleting Steps & Action Blocks

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

Click on a step or block, and associated settings panel opens up.