Canvas Area

Canvas Area

Overview

The Canvas Area is the main working space in the Flow Designer/Editor where you visually design, build, and manage automation flows. It acts as a visual editor that allows you to create the logical sequence of a flow by placing and connecting different flow units.

Key Characteristics of the Canvas Area

  1. Visual Workflow Design: The canvas displays the entire flow in a graphical format, making it easy to understand the execution logic and sequence.
  2. Drag-and-Drop Interface: Users can drag flow units (Start, Trigger, Decision, Mapping, HTTP Call, etc.) from the palette and drop them onto the canvas.
  3. Flow Connectivity: Units are connected using directional links that define the execution path and data flow between steps.
  4. Real-Time Editing: Changes made on the canvas—such as adding, removing, or rearranging units—are reflected in the flow logic in real time.
  5. Zoom and Navigation Controls: The canvas supports zooming, panning, and screen-fitting, helping users work efficiently with both simple and complex flows.
  6. Validation and Visual Cues: The canvas highlights errors, warnings, and incomplete configurations, helping users identify issues during design time.

Purpose of the Canvas Area

The canvas area serves as the central workspace in the Flow Designer/Editor, where you visually create and edit flows. It displays flow units as connected blocks, allowing you to drag, drop, arrange, and connect units to define the execution sequence and logic. You can drag and drop any unit into the canvas area from the Flow Unit tab. Selecting a unit on the canvas opens its configuration options for editing.

The toolbar in the canvas area provides quick access to essential actions for creating, editing, and managing flows. It allows you to control layout and alignment, zoom and navigate the canvas, perform undo and redo actions, and manage flow-level operations such as inserting breakpoints and execution. The toolbar helps users work efficiently without leaving the canvas.
  1. Refer to the Toolbar article for more information.
  2. Refer to the Flow Units article for more information.


    • Related Articles

    • Toolbar

      Overview A toolbar is a user interface component that provides rapid access to frequently used actions and tools via buttons, icons, or controls. It helps users execute tasks more efficiently without having to navigate menus. The toolbar encompasses ...

    • Edit Component Flow

      Overview The flow editor feature in OneEnterprise enables you to visually modify and refine component flow through an intuitive interface. This functionality permits direct interaction with the flow structure of the component. The flow editor offers ...

    • Know Your Flow Editor

      Overview The flow editor feature in OneEnterprise enables users to visually modify and refine automation workflows through an intuitive interface. This functionality permits direct interaction with the structure of an automation, allowing review of ...

    • Reference Draft

      Overview A Flow Unit is a configurable, reusable building block in the Flow Designer that represents a single action or logic step in an automation flow. Each flow unit processes input data, performs a defined operation, and produces an output that ...

    • Add/Remove Component

      This section provides the steps to add or remove the component of the connector. To add or remove the component, you need to start the edit mode. Step 1 - Start Editing Mode Option 1 - Accessing an Edit option using a context menu Click or hover the ...