Workflow Diagrammer
The Workflow Diagrammer is a JavaScript-based editor that you can use to create and edit workflow states and transitions when in edit mode. It includes drag and drop functionality you can use to move states and transitions to reflect the business process defined by the workflow. Any change made in the diagrammer is automatically saved.
The diagrammer also indicates the start and end states for the workflow and indicates states that are set to not exit the workflow. The diagrammer determines a state as an end state if it has no transitions to another state.

You can complete the following tasks with the diagrammer:
-
Create and edit states. Click the New State button to create a state and double-click the state to open the State window and edit the state properties and state actions, transitions, and custom fields. For more information about creating and editing states, see Working with States.
-
Create and edit transitions. Click the icon at the bottom of a state and drag to create a transition to another state. Double-click an existing transition to open the Transition window and edit the transition properties. For more information about creating and editing transitions, see Working with Transitions.
-
Reorganize the workflow states and transitions. Click and drag states to reorder the workflow to properly reflect the business process.