Query on Diagram - Swimlane

Hi all

I currently looking at the component https://ej2.syncfusion.com/demos/#/material/diagram/swimlane.html.

Can i check if is possible to put annotations below the image for shape type image? reference below:

  


thanks

3 Replies 1 reply marked as answer

GG Gowtham Gunashekar Syncfusion Team March 24, 2021 02:39 PM UTC

Hi ONG YU, 
 
We have created a sample link to demonstrate how to set the annotation below the image node and native node for the swimlane children. 
 
Code snippet: 
{ 
    id: "swimlane", 
    shape: { 
      type: "SwimLane", 
      orientation: "Horizontal", 
      header: { 
        annotation: { 
          content: "SALES PROCESS FLOW CHART", 
          style: { fill: "transparent" } 
        }, 
        height: 50, 
        style: { fontSize: 11 } 
      }, 
      lanes: [ 
        { 
          id: "stackCanvas1", 
          header: { 
            annotation: { content: "Consumer" }, 
            width: 50, 
            style: { fontSize: 11 } 
         }, 
          height: 150, 
          children: [ 
            { 
              id: "RemoteController1", 
              width: 75, 
              height: 60, 
              margin: { left: 400 }, 
              shape: { 
                type: "Image", 
                source: 
              }, 
              annotations: [ 
                { 
                  content: "Control Logic", 
                  offset: { x: 0.5, y: 1.4 } 
                } 
              ] 
            }, 
             
          ] 
        }, 
       
      ], 
    }, 
    offsetX: 360, 
    offsetY: 320, 
    height: 100, 
    width: 650 
  } 
 
 
 
Regards, 
Gowtham 


Marked as answer

OY ONG YU FENG March 25, 2021 02:26 AM UTC

hi Gowtham

This is what im looking for. Thanks for taking your time in assisting!


GG Gowtham Gunashekar Syncfusion Team March 25, 2021 02:25 PM UTC

Hi ONG YU,  
 
Thanks for your update. Please let us know whether you need any further assistance on this. 
 
 
Regards  
Gowtham 


Loader.
Up arrow icon