Add custom Web Form Builder to user task

Developers
1

Hi All,

We are new the bpmn.io and started exploring the tool. Our requirement is, we want to add the web Form Builder to define the form fields for each user task in Process . Please let us know possible options.

image

Thanks,
Venkat

2

Hi,

You can write your own listener to capture the click event of task like below and insert form builder.

let eventBus = bpmnModeler.get(‘eventBus’);

let events = [ ‘element.click’, ‘element.hover’];

eventBus.on(“element.click”, function(e) {
//Render your form builder to the “div” which is already defined in the Jsp.
}

OR

Download the properties-panel project and override the properties panel logic to insert your form builder.

3

What is the web form builder?