drawflow
Reactive icon

Drawflow

Stable version 1.0.6 (Compatible with OutSystems 11)
Uploaded
 on 24 July 2023
 by 
5.0
 (1 rating)
drawflow

Drawflow

Documentation
1.0.0

https://github.com/jerosoler/Drawflow

Editor

You can change the editor to fixed type to block. Only editor can be moved. You can put it before start.

editor.editor_mode = 'edit'; // Default
editor.editor_mode = 'fixed'; // Only scroll

You can also adjust the zoom values.

editor.zoom_max = 1.6;
editor.zoom_min = 0.5;
editor.zoom_value = 0.1;

Editor options

ParameterTypeDefaultDescription
rerouteBooleanfalseActive reroute
reroute_fix_curvatureBooleanfalseFix adding points
curvatureNumber0.5Curvature
reroute_curvature_start_endNumber0.5Curvature reroute first point and las point
reroute_curvatureNumber0.5Curvature reroute
reroute_widthNumber6Width of reroute
line_pathNumber5Width of line
force_first_inputBooleanfalseForce the first input to drop the connection on top of the node
editor_modeTexteditedit for edit, fixed for nodes fixed but their input fields available, view for view only
zoomNumber1Default zoom
zoom_maxNumber1.6Default zoom max
zoom_minNumber0.5Default zoom min
zoom_valueNumber0.1Default zoom value update
zoom_last_valueNumber1Default zoom last value
draggable_inputsBooleantrueDrag nodes on click inputs
useuuidBooleanfalseUse UUID as node ID instead of integer index. Only affect newly created nodes, do not affect imported nodes

Reroute

Active reroute connections. Use before start or import.

editor.reroute = true;

Create point with double click on line connection. Double click on point for remove.