You just need to add the following references:
Then add a canvas to your page to display any kind of Flow (i.e., Workflow, Orchestration, RuleFlow, DecisionFlow, etc.):
Once your page is loaded you use toFlow in your jQuery to build the Flow editor component on your Web page
And that’s it! You have Flow editor on your Web page, and that allows you to build Flow, Workflow, RuleFlow, DecisionFlow, SubFlow, and so on, with support for complex and nested child nodes and hierarchies.
The toolbox is another visual element of this component. It enables users to add new nodes to the diagram using drag and drop.
Drag an item from the toolbox:
Then drop it onto your model:
You can also edit nodes on the model using your mouse and keyboard:
- Load a Flow
- Manage Flow Parameters (input, output and local)
- Manipulate the nodes, expressions and rules programmatically
- Generate the flow content and helper for the positioning of nodes
- Show/Hide Toolbox
More Web Components
With this Web-based component you can truly allow your users to model their own business rules in your Web application!