How to override the width and height of the lanes
Override Lanes width and height
By default, the height of the lane is set as 100. Assume that the swimlane have three lanes and its height is 400px to discuss about default behavior. The first two lanes height will be assigned as 100px each and the third or last lane as 200px.
So, use the minHeight and minWidth properties of the lane to create lanes with specific width and height and do not set any width and height for the swimlane.
Refer to the code example to create a lane with specific size.
this.nodes = [
{
type: "swimlane",
name: "pool1",
header: {
text: 'pool1',
height: 50,
fillColor: "white"
},
// Changes the orientation
orientation: "horizontal",
// Sets the position and size
offsetX: 0,
offsetY: 0,
isSwimlane: true,
phaseSize: 0,
phases: [{ label: '' }],
lanes: [
{
isLane: true,
name: 'lane1',
header: { text: 'lane1' },
fillColor: 'green',
// Sets the size
minHeight: 500,
minWidth: 1400,
children: [
{
name: "node1", width: 60, height: 60, marginLeft: 0, marginTop: 0
},
]
},
]
}
];
