https://platform-docs.slingr.io/dev-reference/flows/flow-designer/Recent content in The flow designer onHugo -- gohugo.ioenMon, 16 Nov 2020 13:59:39 +0100https://platform-docs.slingr.io/dev-reference/flows/flow-designer/overview/Mon, 16 Nov 2020 13:59:39 +0100https://platform-docs.slingr.io/dev-reference/flows/flow-designer/overview/Overview # The flow designer is a visual drag-and-drop editor designed to simplify the creation and editing of flows within a Slingr app. To access it, follow these steps: Navigate to the Builder section of your app. Look for a property that supports flows as an alternative. After selecting this option, an “Open editor” button should appear. The flow designer consists of three main panels: the step’s palette, the canvas, and the properties panel.https://platform-docs.slingr.io/dev-reference/flows/flow-designer/establishing/Mon, 16 Nov 2020 13:59:39 +0100https://platform-docs.slingr.io/dev-reference/flows/flow-designer/establishing/Flows consist of a sequence of steps interconnected in a specific direction. It’s crucial to understand how to establish connections between these steps. In the flow designer, connections are created by dragging connectors from a source step’s endpoints to a target step or a target connection’s endpoint. The connection’s endpoints are the small colored squares located at the edges of the steps. They become visible once they are dragged onto the canvas.https://platform-docs.slingr.io/dev-reference/flows/flow-designer/group-container/Mon, 16 Nov 2020 13:59:39 +0100https://platform-docs.slingr.io/dev-reference/flows/flow-designer/group-container/Some steps in the flow designer also function as group containers. These group containers have the capability to hold nested steps within them. You can easily identify group container steps by dragging them from the palette and dropping them onto the canvas. Once dropped onto the canvas, you will notice that these steps are wider and taller than regular steps. They also display a “Dropped steps here” message in the center.https://platform-docs.slingr.io/dev-reference/flows/flow-designer/validation-rules/Mon, 16 Nov 2020 13:59:39 +0100https://platform-docs.slingr.io/dev-reference/flows/flow-designer/validation-rules/Certain rules must be adhered to in order to successfully save a flow. If any of these rules are not followed after clicking the Apply or Save button, a validation error notification will appear, and the changes won’t be saved. Rules # The flow name must be unique within the app. Each step name must be unique within the flow. Both a Start step and at least one End step are mandatory.https://platform-docs.slingr.io/dev-reference/flows/flow-designer/keyboard-shortcuts/Mon, 16 Nov 2020 13:59:39 +0100https://platform-docs.slingr.io/dev-reference/flows/flow-designer/keyboard-shortcuts/Shortcuts available in the flow designer: Ctrl+Alt+F: Toggle fullscreen mode. Shift+ Click, Hold & Drag: Draw a multi-selection area. Escape: Remove any active multi-selection. Also, removes the selection of the selected step and collapses the properties panel. Steps multi-selection # It is possible to select several steps or an entire flow at once by using the above shortcut. This is useful for quickly relocating the flow or a portion of it, as demonstrated in the image below: