Blog Posts BPMN DMN

Automatically generate BPMN/DMN SVG on VS Code

Blog: Drools & jBPM Blog

To provide better integration with the KIE server and Business Central, on the Kogito Tooling 0.14 release, we introduced a way to, on VS Code, automatically generate SVG on each save of your BPMN and DMN Diagram. Take a look at this feature in action:


How to configure it

To auto-generate on VS Code the SVG on each save of your BPMN and DMN diagrams; you need to add two properties to your user and workspace settings (settings.json, the VS Code configuration file):

"kogito.bpmn.runOnSave": "extension.kogito.silentlyGenerateSvgBpmn",
"kogito.dmn.runOnSave": "extension.kogito.silentlyGenerateSvgDmn",

To do that, open your user and workspace settings, use the following VS Code menu command:

From there, access menu Extension > BPMN (or DMN), and click on ‘Edit in settings.json’:


And finally, add the respective properties to the end of this file and save it:


If you need any further questions, please let us know in the comment section!

The post Automatically generate BPMN/DMN SVG on VS Code appeared first on KIE Community.

Leave a Comment

Get the BPI Web Feed

Using the HTML code below, you can display this Business Process Incubator page content with the current filter and sorting inside your web site for FREE.

Copy/Paste this code in your website html code:

<iframe src="" frameborder="0" scrolling="auto" width="100%" height="700">

Customizing your BPI Web Feed

You can click on the Get the BPI Web Feed link on any of our page to create the best possible feed for your site. Here are a few tips to customize your BPI Web Feed.

Customizing the Content Filter
On any page, you can add filter criteria using the MORE FILTERS interface:

Customizing the Content Filter

Customizing the Content Sorting
Clicking on the sorting options will also change the way your BPI Web Feed will be ordered on your site:

Get the BPI Web Feed

Some integration examples