As of version 6.1, WorkflowGen features an HTML5 graphical process workflow designer, built on the latest HTML5 and SVG standards, with a simpler user interface and improved behavior for a more fluid design experience.
Note: Adobe no longer supports Flash, and Flash content is blocked from running in browsers as of January 21, 2021. The table below is for reference only.
The following table lists the Flash and HTML5 equivalents for workflow design functions.
| Function |
Flash | HTML5 |
|---|---|---|
| Add an element (action, synchronization, endpoint, comment, text) |
Click the element in the toolbar then click on the canvas. |
Drag and drop the element from the toolbar onto the canvas. |
| Delete an element (action, synchronization, endpoint, comment, text) | Click the delete tool, then click the element. | Click the element, then click the x that appears in the top right corner. |
| Add a transition | Click the transition tool, then click the start and finish elements. | Click the action and click the down arrow, then drag and drop it onto the desired action. |
| Add a transition loop |
Click the loop tool, then click on one of the four blue squares. |
Click the action and click the down arrow, then drag and drop the transition onto the same action. |
| Delete a transition | Click the delete tool, then click the transition. | Click the transition, then click the x that appears in the top right corner. |
| Add a condition |
Click the condition tool, then click on a transition. |
Double-click the transition. |
| Add more than one condition to a transition |
Click the condition tool, then click on a transition. |
You cannot add more than one condition to a single transition. Instead, create a new transition between the actions and add the condition here. |
| Update a condition |
Double-click the condition. |
Double-click the transition or condition. |
| Delete a condition |
Click the delete tool, then click on the condition. |
Click the condition, then click the x that appears at the top right corner. |
| Add a participant |
Click the Add participant tool (either the Vertical swim lane mode or Horizontal swim lane mode tool must first be activated). |
Click the Add participant tool (either the Vertical swim lane mode or Horizontal swim lane mode tool must first be activated). |
| Delete a participant |
Click the delete tool, then click the participant. |
Click the participant, then click the x that appears in the top right corner. |
| Auto positioning mode |
Click the auto positioning mode tool. |
Click the auto positioning mode tool then choose one of the options. |
| Add a breakpoint |
Click the add breakpoint tool, then click the transition (breakpoints will be created automatically). |
Click the add breakpoint tool then click the transition (breakpoints will be created individually). As well, clicking the breakpoint tool will show all of the existing breakpoints. |
| Delete a breakpoint |
Click the breakpoint then press the DELETE key (all of the breakpoints on the transition will be deleted). |
Click the breakpoint, then click the x that appears in the top right corner or press the DELETE key (only the selected breakpoint will be deleted). In the case of loop transitions, a minimum of two breakpoints are required. |
| Change the position of a loop transition |
Click the loop, then drag and drop it onto the new position. |
Change the position of each of the breakpoints so that the transition points to the new position. |
| Change the target/source of a transition |
Click the transition, click the target/source of a transition, then drag and drop it onto another action. |
Click the transition, hover over the target/source of a transition until the hand pointer appears, then drag and drop the target/source onto another action. |
| Change the loop of an action toward another action |
Click the loop, then drop it onto the other action. |
Click the loop, then change the target and the source toward the other action. |
| Resize swimlanes |
Place the pointer over the border between participants, then click and drag the border to the new position. |
Click the participant, place the pointer over the border between participants, click the border, then drop it on the new position. |
| Change the order of participants |
Click the participant, then drag and drop it onto the new position (the orange border indicates the new position of the participant). | Click the participant, then drag and drop it onto the new position (the orange header indicates the new position of the participant). |
| Associate actions with participants in swim lanes |
Always enabled. |
Can be enabled and disabled in the Workflow section on the Administration tab in the Configuration panel. |
| Zoom | The zoom percentage is not displayed. |
The zoom percentage is displayed in the top right corner of the workflow. |
| Mini map | Shows a thumbnail of the workflow in the bottom right corner. |
Not available. |