Open properties panel toggle like Camunda Modeler on bpmnjs

Developers Modeler
1

how to configure service task information with bpmnjs, i don’t know how to open properties panel toggle

image

2

What exactly do you want to achieve? Do you want to have a properties panel for your bpmn-js application?

1 Like
3

Thanks. And I want to ask if the properties panel of bpmnjs supports Implemntation, Input, Output like Camunda modeler?
image

4

The bpmn-js-properties-panel has providers for the standard BPMN properties (which don’t include the implementation group) and for Camunda properties. You can chose which ones you would like to use and you can make your own custom provider too.

1 Like
5

thank for supported, can u suggest some sources, links or example for option Camunda properties

6

You can check out the bpmn-js-properties-panel providers, specifically the camunda-platform provider.

You can also look at this bpmn-js + properties panel example.

1 Like
7

Hello, I have a problem to show camunda 7 property panel, in the example, there is demostration to show how to import zeebe and show camunda8 properties, how about camunda 7? could you please guide me with example? Like this?
import BpmnModeler from ‘bpmn-js/lib/Modeler’;
import {
BpmnPropertiesPanelModule,
BpmnPropertiesProviderModule,
ZeebePropertiesProviderModule // Camunda 8 provider
} from ‘bpmn-js-properties-panel’;

// Camunda 8 moddle extension
import zeebeModdle from ‘zeebe-bpmn-moddle/resources/zeebe’;

// Camunda 8 behaviors
import ZeebeBehaviorsModule from ‘camunda-bpmn-js-behaviors/lib/camunda-cloud’;

const modeler = new BpmnModeler({
container: ‘#canvas’,
propertiesPanel: {
parent: ‘#properties’
},
additionalModules: [
BpmnPropertiesPanelModule,
BpmnPropertiesProviderModule,
ZeebePropertiesProviderModule,
ZeebeBehaviorsModule
],
moddleExtensions: {
zeebe: zeebeModdle
}
});

8

Please do not necrobump old topics. Instead link to this thread from new topic.