I need something similar to this, has anyone done it?

[lgod]

Continuing the discussion from How to customize the style path of the connection?:

I need something similar to this, has anyone done it? I tried to access the link to this post but it is no longer available.

[Martin]

What exactly are you trying to achieve? Not sure if this was already the case in 2022, but BPMN-JS has been shipping with rounded corners for some time.

[kelly]

This has already been implemented, if u wanna a soft curve, u can update the version of bpmn in 11.2.0 or higher. U can check the features list, there has a feature in drawLine function, they add a “radius” paramter to control the curve.

[lgod]

I’m using the “bpmn-js” version: “~17.2.1”, but I can’t implement it. Basically what I want is a connection with greater color and thickness and for it to be available in the components palette, I’ve already tried several ways, have you Is there an example I could follow, I’m trying it this way:

Custom Connection

I need to create a custom connection, this connection should have a similar appearance to a pipe or at least be thicker, I also need this connection to have some attributes that represent the length and width of the pipe, is it possible to create something like that? Is there any starting code for creating a custom connection? This connection should be displayed in my custom components palette along with the default connection. Thanks.

Thanks.

[kelly]

If u wanna change the style of connection, u can consider specific the bpmnRenderer config when u create Modeler.
The bpmnRenderer has limit support style, u can search the style attribute in their git repo to confirm whether the style attribute can be change in this way.

[kelly]

I have to say, there still a long way for them to better their doc.