How to change the palette like this picture?

D9DBE247-3E48-48F4-B053-C917BB222B44

I know how to create new custom elements on the palette, but i want to change the palette’s style and add module retraction and deployment function that i don’t know how to achieve the effect as shown in the figure .

Thanks.

1 Like

You can use CSS to do that.

Thank you.
I have another question, can i custom the type like: bpmn:SendTask1 , bpmn:SendTask2, and how to realization it ?
3E8B2D20-A798-4B50-943A-A8DED34F9769

bpmn:SendTask1 is not a valid BPMN element. Have a look at this example to learn about how to customize elements: https://github.com/bpmn-io/bpmn-js-example-model-extension

Thank you for your answer. :grinning:

Hi, I want to create a new custom-shapes, i run


and I use ‘saveXMl’ it works this ‘bpmn-js’ version is ‘3.2.2’.

I use the newest ‘bpmn-js’ it was wrong because the version of ‘bpmn-js’ is ’ 7.2.1’ ,like this:
image

Hi, I am sorry to ask you so many question.
I have another question about new custom shape, I find I have the same result about ‘modeler.saveXML()’ whether I use it or not.


image

You won’t find the custom shape in the exported BPMN diagram because it is not a BPMN element. The whole point of this example is that on a diagram-js level you can add more than just BPMN elements to the diagram. However, in most cases this doesn’t make any sense. I mean, what is the yellow circle supposed to represent? There is no yellow circle in the BPMN spec.

Thank you . :stuck_out_tongue:

你好,我们公司现在也有这个需求,能否加个联系方式咨询一下bpmn相关的知识

  1. Please keep the communication in English, since not so many forum members will understand you otherwise.
  2. Please do not necrobump old topics. Instead link to this thread from new topic.