create a task from outside the canvas

Users
1

How can I create my own buttons but that are outside the canvas to create 3 types of tasks?

2

You can do this using the same API used in the palette:

const create = modeler.get("create"),
      elementFactory = modeler.get("elementFactory");

const button = document.querySelector("#create-service-task");

button.addEventListener("click", (event) => {
  const shape = elementFactory.createShape({ type: "bpmn:ServiceTask" });

  create.start(event, shape);
});

CodeSandbox: Custom Palette Example - CodeSandbox

3

thanks, and if I use a customRendering how do I identify or call it?

4

Can you explain what you mean?

5

Create a new element of task type, this element, how do I add it with the solution that you gave me?