Change the shape of the element that has been rendered on the view

Users
1

Question 1:

We get the BPMN file from the background interface. Now we have rendered the file to the page. But the shape of the element is not good. I want to change the shape. I have made a version. It is rendered to the page first, and then replaced innerHTML compulsively. It feels bad. I want a new method and idea.

Question two:

Want to know how to quote extensions, keep trying, never succeed

2

Please share a running / prototypical example that clearly shows what you’re trying to achieve, what is working and what is not.

Use our existing starter projects to quickly hack it or share your existing, partial solution on GitHub. Provide the necessary pointers that allow us to quickly understand where you got stuck.

This way we may be able to help you in a constructive manner.

Thanks :heart:

3

I want the first picture to look like the second and the third.
1 2 3
please help me,very thanks~~:heart::heart::heart:

4

Please explain what you’re trying to achieve. Otherwise we can’t help you.

5

4

6

I want the workflow node to grow like this

7

I want the workflow node to grow like this and change the shape of the node.

8

You want to customize the look of certain elements?

9

Yes, are there any examples that I can use for reference? I saw a lot of things, but I didn’t find them.

10

I want to render the BPMN file to the page and make the element my desired shape.

11

This example is what you’re looking for: https://github.com/bpmn-io/bpmn-js-example-custom-rendering

12

This is very helpful. :heart::heart:

I had another problem.

How to hide an element and make the style look better when the element hides
5

13

What’s the reason you want to hide an element? What are you expecting it to look like?

14

In our project, the process may change later, then some nodes need to be hidden, and then the page shows the process after the change.

The process that you want to change is like the hidden node has not existed.
6

15

The 3rd diagram looks like a different process. What’s the point of hiding element so that the diagram looks like a different diagram?

16

yes.
but We decided to render the hidden template instead of hiding the nodes. I don’t need to deal with it anymore. Thank you.

17

Hello, I want to preview this view on the mobile side, that is, on the mobile phone, but when zoomed in, the font will also be smaller. What should I do?

18

For questions that are not related to this topic please open a new topic.