Example of BPMN Editor in ASP.NET MVC Diagram Control

This sample visually represents the hotel booking reservation system. It is built with readymade BPMN shapes.

DEMO
SOURCE

This sample visualizes the hotel booking reservation system with built-in BPMN shapes.

To easily build BPMN diagrams, few shapes are predefined and added to the symbol palette. You can drag-and-drop predefined shapes into the drawing area. The symbols property allows you to add predefined symbols to the palette. The undo and redo features are also enabled.

Injecting Module

The diagram component�s features are segregated into individual feature-wise modules. To enable undo and redo features, inject UndoRedo module using Diagram.Inject(UndoRedo) method. To draw BPMN shapes, inject the BpmnDiagrams module. To customize BPMN shapes using context menu, inject DiagramContextMenu module using (BpmnDiagrams, UndoRedo, DiagramContextMenu).


Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab