Some examples on how to use bpmn-js
JavaScript HTML CSS
Permalink
Failed to load latest commit information.
bpmn-properties chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
colors chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
commenting chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
custom-bower-bundle chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
custom-elements chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
custom-meta-model chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
custom-modeling-rules chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
i18n chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
interaction chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
modeler chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
overlays chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
properties-panel-extension chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
properties-panel chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
simple-bower chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
simple-commonjs chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
transaction-boundaries chore(examples): bump bpmn-js and diagram-js versions Sep 6, 2016
url-viewer chore(project): bump bpmn-js and diagram-js versions Nov 14, 2016
.gitignore chore(properties-panel): exclude dist folder from repo Nov 26, 2015
.jshintrc chore(jshint): upgrade .jshintrc Jul 24, 2015
README.md chore(README): link bpmn-js-in-color Sep 16, 2016

README.md

bpmn-js Examples

This repository contains a number of examples showing how use and integrate bpmn-js it into your applications.

Basics

  • simple-bower - an example showcasing how pull bpmn-js via bower and include it into your application.
  • simple-commonjs - an example showcasing how to load bpmn-js via npm in a node-style application and package it and the application code for the browser with browserify.
  • properties-panel - add a properties panel and edit execution related BPMN 2.0 properties.

Intermediate

  • interaction - listen to diagram events and react to them
  • overlays - attach overlays to BPMN 2.0 diagrams to provide custom buttons or showing additional information
  • colors - showcasing different ways to add colors to your BPMN diagram
  • url-viewer - a quick and dirty url viewer for BPMN 2.0 process diagrams created with the bower packaging of bpmn-js.
  • modeler - a simple BPMN 2.0 modeler. Gains more features as time passes by.
  • commenting - a simple commenting application build on top of BPMN 2.0 diagrams
  • bpmn-properties - read and write BPMN properties with bpmn-js
  • i18n - using a custom translation module with bpmn-js

Advanced

Custom

License

MIT (unless noted otherwise)