Add custom activity marker

Friscas · July 25, 2020, 3:45am

Hey guys, I’m new to the BPMN world and I have a task where I have to add an activity marker.
What I actually need is to add a plus icon here:

Any help on where to start will be really appreciated

Friscas · July 25, 2020, 6:41am

So i know that i need to create a custom popupmenu or better extend the existing one, use as example:

github.com

bpmn-io/diagram-js/blob/master/lib/features/popup-menu/PopupMenuProvider.js

/**
 * A basic provider that may be extended to provide entries for the popup menu.
 *
 * Extensions should implement the methods getEntries and register. Optionally
 * the method getHeaderEntries can be implemented.
 */
export default function PopupMenuProvider(popupMenu) {
  this._popupMenu = popupMenu;

  this.register();
}

PopupMenuProvider.$inject = [ 'popupMenu' ];


/**
 * This method should implement the creation of a list of entry objects.
 *
 * @param {djs.model.Base} element
 *

This file has been truncated. show original

Then I uncommented the getHeaderEntries to generate the example button, but nothing works.

direcotry structure:

this is the content of index.js that returns the custom popupmenu:

This is then this is how called everything in the main index.js

oguzeroglu · July 27, 2020, 9:02am

Hey,

Could you please share a sandbox of what you’ve already done: https://codesandbox.io/s/bpmn-js-sandbox-3zkw0

We can then help you with that : )

kang_chen · June 8, 2022, 1:31am

Did you solve it, or can you provide me with some screenshots

barmac · July 9, 2025, 10:16am

Closing old topics.