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!
Last updated February 14th, 2020 at 03:26 pm, Published December 24th, 2015 at 03:26 pm
CEO and the founder of FlexRule – He is an expert in architecture, design, and implementation of operational decisions, business rules, and process automation. Created Decision-Centric Approach, a methodology that brings People, Data, Rules, and Processes together to automate operational business decisions.
This approach is recognized by Gartner as the missing link to provide business value to organizations.