diagram with flowchart and swimlane

Question

Can you make a project for me where i can see flowcharting and swimlate with save and load fucntionality.can i add my company logo and other information before saving that diagram

Aravind Ravi · Answer

Hi Asim,Please find the response for the queries in the below
table

Can you make a project
  for me where i can see flowcharting and swimlate with save and load
  fucntionality.

We have created a sample for the swimlane with save and
  load functionality. The diagram is serialized as string while saving. The
  client-side method, saveDiagram helps to serialize the diagram as a
  string. Diagram is loaded from the serialized string data by client-side
  method, loadDiagram. For more information about how to save and load
  the diagram, please refer to the below UG Link

Ug Link: https://ej2.syncfusion.com/aspnetcore/documentation/diagram/serialization

can i add my company logo and other information before
  saving that diagram

Yes, you can add your company logo before saving the
  diagram. By using the image type node, we can able to add image shapes in the
  diagram. Diagram allows to add images as image nodes. The shape
  property of node allows you to set the type of node and for image nodes, it
  should be set as image. In addition, the source property of shape enables you
  to set the image source. Before save the diagram , you can add image node in
  the diagram and save the diagram. After save the diagram, you can delete that
  node using the remove method. Please refer to the below code snippet

var save;
           
    document.getElementById('save').onclick = function() {
                var
    diagram = document.getElementById("container").ej2_instances[0];
                var
    node = {
                        
    id: 'logo', offsetX : 100, offsetY : 100, height : 75, width : 75,
                        
    shape : { type: 'Image', source:
    'https://png.pngtree.com/png-clipart/20190613/original/pngtree-logo-company-design-png-image_3588263.jpg'},
                         style: { strokeWidth: 0}
                         
    };
                         
    diagram.add(node);
              save =
    diagram.saveDiagram();
              var
    lastNode = diagram.getObject('logo');
             
    diagram.remove(lastNode);
            }
     
            document.getElementById('load').onclick
    = function() {
                 var
    diagram = document.getElementById("container").ej2_instances[0];
               
    diagram.loadDiagram(save);
                }

Sample: https://www.syncfusion.com/downloads/support/forum/174359/ze/Swimlane_-_Save-load1580083538RegardsAravind Ravi

ASIM TAUSIF KHAN · Answer

in this sample i cannot see the tool bar of flow shape connector and swimlane.how to save diagram as json file to server and get bact from server and with context menu

Arunkumar Manoharan · Answer

Hi Asim,

We have modified the sample to show symbol palette and used the
custom context menu to save and load the diagram using context menu. You can
save and load the diagram from server side by saving the diagram as String and
passing it to the serve by Ajax call and retrieving the string data back and
loading the string data by passing it to diagram.load(). For more info, please
refer to the below attached sample.And to know more about context Menu we have attached
UG-Documentation link.UG Link: https://ej2.syncfusion.com/aspnetcore/documentation/diagram/context-menuRegards,Arun Kumar.Attachment: contextmenu_6b3e97df.zip