Query on Diagram - Swimlane

Question

Hi allI 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

Gowtham Gunashekar · Accepted Answer

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: 
                  "https://www.syncfusion.com/content/images/nuget/sync_logo_icon.png" 
              }, 
              annotations: [ 
                { 
                  content: "Control Logic", 
                  offset: { x: 0.5, y: 1.4 } 
                } 
              ] 
            }, 
             
          ] 
        }, 
       
      ], 
    }, 
    offsetX: 360, 
    offsetY: 320, 
    height: 100, 
    width: 650 
  } 
 
 
Sample link: https://stackblitz.com/edit/react-fsctu7-b5p2w7?file=index.js 
 
Regards, 
Gowtham

ONG YU FENG · Answer

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

Gowtham Gunashekar · Answer

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