We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Programatically adding swimlanes


I am trying to programatically add swimlanes to the diagram. When I try to add a lane like so:

diagram.add({ header: { width: 50, height: 50, fillColor: '#C7D4DF', fontSize: 11 }, height: 60, width: 140, fillColor: '#f5f5f5', offsetX: 70, offsetY: 30, orientation: 'horizontal', isLane: true })

there is an error in the console and nothing is added. When I try to add a phase like so:

diagram.add({ type: 'phase', lineWidth: 1, lineDashArray: '3,3', lineColor: '#A9A9A9', parent: '', orientation: 'vertical', label: { text: '' } })

the browser becomes unresponsive. I am using "add" and not "addPhase" because this is for free drawing by the user.

Am I doing something wrong or are these bugs?


1 Reply

SG Shyam G Syncfusion Team November 24, 2016 09:54 AM UTC

Hi Gabriel, 

We have created a sample in which we have shown how to add the swimlane,lane and phase at runtime. 

Shyam G 

Live Chat Icon For mobile
Up arrow icon