BPMN Group Shape

[Kabe]

Hello

According to the Angular documentation, there is a BPMN shape called 'group'. In the screenshot below it is a square with rounded corners and dashed outline.

Documentation: https://ej2.syncfusion.com/angular/documentation/diagram/bpmn-shapes

Screenshot:

But later in the documentation, the sample shows this group as just a solid square shape.

https://ej2.syncfusion.com/angular/documentation/diagram/bpmn-shapes#group

screenshot:

 

Further, it doesn't seem to have the capabilities that are shown for other implementations. For example, the WPF implementation shows it can auto-resize, etc.

https://help.syncfusion.com/wpf/diagram/bpmn-shapes/bpmn-group#add-bpmn-nodesgroups-into-bpmngroup-at-runtime

I am of course hoping that the Angular implementation of the BPMN group shape can behave similar to the WPF implementation. Can you please clarify?

[Balasubramanian Manikandan]

We will validate and update with more details on Sept 15th, 2023.

[Gobinath Dhamotharan]

Hi,  

Reported Issue : Enhancing BPMN Group Nodes to Function Like Subprocess Nodes

We can reproduce the issue and confirmed this as a defect. We have logged a defect report for this issue. We will fix this issue and provide the patch on October 03, 2023 weekly patch release.  

https://www.syncfusion.com/feedback/46957/enabling-bpmn-group-nodes-to-behave-like-subprocess-nodes

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

Regards,  

Gobinath

[Kabe]

ok thank-you!

I will take a look as soon as the release is ready.

K

[Vivisa Ganesan]

Hi,

As we promised, We will fix this issue and provide the patch on October 03, 2023 weekly patch release.  

Regards,

Vivisa

[Kabe]

Hi - I've been keeping an eye out for an update on this. Any luck?

Thanks!

[Vivisa Ganesan]

Hi,

We have fixed the reported issue and included it in our latest patch release which is rolled out successfully.

Please upgrade to the latest version (v23.1.40) packages of the diagram to resolve this issue.    

   

https://www.npmjs.com/package/@syncfusion/ej2-diagrams

Regards,

Vivisa

[Kabe]

Hi - Many thanks for putting out this update. The 'group' node type is very important for our BPMN work and it's going to be great.

I have tested it out and there appears to be an issue related to the drawing tools and the group object.

For some reason I can't seem to draw a connector coming from a node when that node is on a group.

I have attached a video and the stackblitz is here:

https://stackblitz.com/edit/stackblitz-starters-p8jmmc?file=src%2Fscripts%2Fevents.ts

Please take a look as it appears to be a bug.

Thanks!

Attachment: group_and_connector_2d6e1b8b.zip

[Kabe]

Hello - I didn't receive a comment regarding my update on Oct 19 - maybe it got missed? The mentioned bug is preventing me using it. Thanks!

[Vivisa Ganesan]

Hi,

We have created the sample as per your requirement. To eliminate the connector, establish a connection with the group node while drawing the connector using the drawing tool from the child node. To achieve this, you'll need to remove the InConnect and OutConnect constraints from the node constraints for the group node and configure the diagram tool property for the "Draw" case. Please refer the below sample and code-snippet.

Code-snippet

//nodes

 

var nodes = {

    id: 'Group',

    width: 520,

    constraints:

      (NodeConstraints.Default | NodeConstraints.AllowDrop) &

      ~(NodeConstraints.InConnect | NodeConstraints.OutConnect),

    height: 250,

    shape: { type: 'Bpmn', shape: 'Group' },

  },

 

 

//userhandle click

 

  case 'Draw':

      diagram.drawingObject.shape = {};

      diagram.tool = DiagramTools.DrawOnce;

      (diagram.drawingObject as any).type = (diagram.drawingObject as any).type

        ? (diagram.drawingObject as any).type

        : 'Orthogonal';

      (diagram.drawingObject as any).sourceID = (drawingNode as any).id;

      diagram.dataBind();

      break;

  }

 

Sample: https://stackblitz.com/edit/nbxe5l-smcq64?file=index.ts,package.json

Regards,

Vivisa

[Kabe]

Thanks so much!!! I will look at this right away!

K

[Kabe]

Yes! I have it working now.

I'm pretty sure that BPMN groups don't usually have connectors attached to them, so it should perhaps be the default. Regardless - it make sense now.

Thanks!

K

[Vivisa Ganesan]

Hi,

You're welcome! Please let us know if you have any further queries on this. We will be happy to assist.

Regards,

Vivisa