nocode-js/sequential-workflow-designer

How can I collapse/expand large sub-trees?

Closed this issue · 4 comments

I have large graphs. And I want the users to be able to expand/collapse the sub-graphs so they can remove the extra stuff in their way.
This is advanced example:
https://reactflow.dev/examples/layout/expand-collapse
But even something simpler/minimal feature such as this above.

I know this is not available in the API/SDK... so can you provide some guidance, on which part of the code can I modify to accomplish this behavior?

Hello @hchaudhary1,

have you seen the folder step component in the pro version? Would this solve your problem?

Folder is great to hide things (extra friction to drag and hide... ).. the issue with folder is: how can I quickly un-hide?
Hence, I don't think folder would solve my use-case.

An easy toggle to expand-collapse would be needed... possibly in the context-menu?

@hchaudhary1 I see a value in the collapse/expand block for SWD, I could implement it as a new feature for the pro version. You are considering purchasing the pro version?

I think in the current shape it's not possible to achieve this behaviour. It requires some minor changes in the codebase.

The 0.21.0 brings the collapsible region feature in the pro version.