search

bpmn-io / bpmn-js-examples

Examples how to use bpmn-js
https://bpmn.io/toolkit/bpmn-js
1.82k stars 1.23k forks source link

can i implement "properties-panel-extension" with vue.js #46

Closed Zalasanjay closed 7 years ago

Zalasanjay commented 7 years ago

i want to create BPMN diagram with custom property using Vue.js application. is it possible?

philippfromme commented 7 years ago

Why wouldn't it be? What have you tried so far?

Zalasanjay commented 7 years ago

i have implemented custom property in vue.js but getting this error Uncaught TypeError: Cannot read property 'appendChild' of undefined at Modeler.Viewer.attachTo (webpack-internal:///115:283) at Modeler.Viewer._init (webpack-internal:///115:284) at Modeler.Viewer (webpack-internal:///115:181) at new Modeler (webpack-internal:///115:96) at Object.global.1.bpmn-js/lib/Modeler (webpack-internal:///115:21) at s (webpack-internal:///115:21) at e (webpack-internal:///115:21) at Object.eval (webpack-internal:///115:21) at eval (webpack-internal:///115:17990) at Object.<anonymous> (app.js:1452)

Zalasanjay commented 7 years ago

just i have pickup file dist/index.js and use it in vue.js then it gives error as in previous comment... but when i use that dist/index.js(same file as used in vue.js) file in another simple application jade then it works fine...

Zalasanjay commented 7 years ago

can any one say me that total how many plugins are needed to implement it..? i have install this npm modules "bpmn-js": "^0.21.0", "bpmn-js-properties-panel": "^0.15.0", "camunda-bpmn-moddle": "^0.12.0", "diagram-js": "^0.20.0", "jquery": "^2.1.1", "lodash": "^3.0.0"

i'm getting output like this screenshot @philippfromme

philippfromme commented 7 years ago

You have all the dependencies you need. Make sure you include the necessary CSS. In the properties panel example this is done using Grunt.

Zalasanjay commented 7 years ago

Got it... Thanks @philippfromme