How to customize pallette?

Users
1

How can I delete basic elements from Pallette?
How can I add my own elements to Pallette?

2

Hi @ratelChief
First, before create new topic, please search in forum, you can find answers.
Second, you can use custom element and custom palette examples in bpmn-js git repo.

Good luck.

3

I searched an answer first, but it isn’t any.

Also I have read the documentation, that you link, and there is also nothing about deleting

elements from Palette. There are methods for getting elements from Palette and technique to add/override Palettes elements
Отправлено с iPhone

4

Both adding and removing elements from the palette works through overriding it. This example should get you going: https://github.com/bpmn-io/bpmn-js-example-custom-controls

5

To delete elements, I add into my app.js:
Capture

Into delete, you just have to put the type of element you don’t want.
Hope it can help, :grinning:

2 Likes
6

Ayla Thanks for your response. But i have find another solution.

7

I investigated more, and after few tries find few solutions:

  1. Using css. Every element on Palette has it’s unique className, so we can just add class. But before sure, that that element you are using in contexPad, or just use more specific selector. Like find palette element first, and search an element using there not in the document.

  2. Rewrite basic Palette element. https://github.com/bpmn-io/bpmn-js/tree/v5.0.5/lib/features/palette