BPMN gateway in Blazor Diagram Component
27 Jun 20223 minutes to read
Gateway is used to control the flow of a process and it is represented as a diamond shape. To create a gateway, the shape property of the node should be set to “Gateway” and the Gateway
property can be set with any of the appropriate gateways. The following code example explains how to create a BPMN Gateway.
@using Syncfusion.Blazor.Diagram
@* Initialize Diagram *@
<SfDiagramComponent Height="600px" Nodes="@nodes" />
@code
{
// Initialize node collection with Node.
DiagramObjectCollection<Node> nodes;
protected override void OnInitialized()
{
nodes = new DiagramObjectCollection<Node>();
Node node = new Node()
{
//Position of the node.
OffsetX = 100,
OffsetY = 100,
//Size of the node.
Width = 100,
Height = 100,
//Unique Id of the node.
ID = "node1",
Shape = new BpmnShape()
{
//Sets type to Bpmn and shape to Gateway.
Type = NodeShapes.Bpmn,
Shape = BpmnShapes.Gateway,
//Sets type of the gateway to None.
Gateway = new BpmnGateway() { Type = BpmnGateways.None }
}
};
nodes.Add(node);
}
}
By default, the
Gateway
will be set to None.
There are several types of gateways as follows:
Shape | Image |
---|---|
None | ![]() |
Exclusive | ![]() |
Parallel | ![]() |
Inclusive | ![]() |
Complex | ![]() |
EventBased | ![]() |
ExclusiveEventBased | ![]() |
ParallelEventBased | ![]() |