Layout for boundary surrounding swim lanes

GoJS
1

Hi,

We have some problems trying to fix a bug in this scenario.
There are two swim lanes surrounded by a dashed lined boundary.
When the “DRAG ME” node is dragged on the upper left corner of the blue swim lane, the swim lanes gets some space to each other and the layout breaks.
The diagram and the boundary group use StackLayout while the SwimLane group uses LayeredDigraphLayout.
Any suggestions?


Thanks in advance!

2

What properties do each of the layouts have?

3

The diagram and the Boundary group are using the following:

<span =“Apple-tab-span” style=“white-space:pre”> layout: $(StackLayout,
{
cellSize: new go.Size(1, 1),
spacing: new go.Size(0, 0),
wrappingColumn: Infinity,
wrappingWidth: Infinity,
isViewportSized: false
}),

The swim lanes are using:

<span =“Apple-tab-span” style=“white-space:pre”> layout: $(go.LayeredDigraphLayout,
{
direction: 90,
columnSpacing: 10,
layeringOption: go.LayeredDigraphLayout.LayerLongestPathSource
}),

I am using the StackLayout from the swim lane examples

I guess the jsfiddle would be more helpful

Thanks

4

Ah, sorry about that – I missed the jsFiddle link in your original post.

Hmmm, I’m not sure what’s happening. I’ll look into it tomorrow. Actually, you’re up very early, or very late, aren’t you?

5

Yea :) Working hard for my MSc thesis.
Thanks a lot!

6

The SwimLanes sample is significantly extended for version 1.5. Here is a version of it that works in version 1.4: [EDIT: this is the current version] Swim Lanes

From your point of view, the interesting additional feature is the support for separate “pools” – groups of “lanes”. Perhaps you could adopt those pools for your own purposes.