Integration of BPMN editor with Inspector

GoJS
1

Hi Team,

I am trying to integrate BPMN editor with Inspector to inspect and modify the element properties ( nodes & links ).

But the inspector is not reproduce-able when i integrate it with BPMN and also saving the diagram the way it is in the sample. For example the fill property is shown as a text box rather than as a color picker and even for any other properties it is not able to save the diagram. Can you please help me through this.

Best Regards,
Sarath Meduri

2

It should be possible to integrate the two, but you’d need to be sure that you have all the dependencies from both extensions. There are no JavaScript errors or warnings in the console?

Generally we can only help with GoJS specific questions, we cannot debug your app for you.

3

Hi Simon,

Please see the below dependencies I have loaded.

<!--<link href="../assets/css/goSamples.css" rel="stylesheet" type="text/css" />  <!-- you don't need to use this -->
<!--<script src="goSamples.js"></script>-->  <!-- this is only for the GoJS Samples framework -->
<!-- inspector pre-reqs -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src='assets/spectrum.js'></script>
<link rel='stylesheet' href='assets/spectrum.css' />

<link rel='stylesheet' href='inspector.css' />
<script src="inspector.js"></script>
<script src="ExtendedBrush.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

<script src="DrawCommandHandler.js"></script>
<link href="BPMN.css" rel="stylesheet" type="text/css" />
<script src="BPMNClasses.js"></script>
<script src="BPMN.js"></script><img src="/uploads/db3963/original/1X/80295d46a91fdc6ffaa31d6adfe0af9d901e2c1f.jpg" width="1024" height="576">

I do not see any issues with the dependencies as well.

I have attached the screenshot of what I am seeing just after the integration of the two samples.

Please do the needful.

Best Regards,
Sarath Meduri

4

Ah, that’s because the Inspector only handles solid colors right now, it has no mechanism for handling GoJS gradient brushes. That’s just a current limitation of the inspector as-written, sorry.