Full Width Swim Bands

Is it possible to make the swim bands the full width of the page?

using react-go, the pink is the ReactDiagram background.

What should happen if the user scrolls or zooms in or out?

The general answer is to adapt the layout’s commitLayers method to make sure the bands are as wide as you want them to be. You may need to set the Diagram.layout’s Layout.isViewportSized to true if you want the width to be dependent on the viewport’s width.

It should zoom and scroll with it and I checked it’s already doing that. But I see your point if we zoom out then eventually you would see the pink background. I need to see if I can stop the zoom out at a certain point.

I’ll check out your suggestions. Ideally I would just like the bands close to the view port on first load.