Required:

• JQuery v 1.11
• JQuery.treeTable
• KineticJS v 5
• ACE

Using begins with the creation of the object: WorkflowDesigner:

var wfdesigner = new WorkflowDesigner({
	name: 'simpledesigner',
	apiurl: '/Designer/API',
	renderTo: 'wfdesigner',
	imagefolder: '/images/',
	graphwidth: 1200,
	graphheight: 800
});

Load data from server:

wfdesigner.load({ schemecode: ‘SimpleWF’ });            

Parameters:schemecode, processid, schemeid

Show custom data:

wfdesigner.data = data;
wfdesigner.render();

Create new scheme:

wfdesigner.create();

Save:

wfdesigner.schemecode = schemecode;
wfdesigner.save(function () {
	alert('The scheme is saved!');
});

Validation:

wfdesigner.validate();

Exists scheme/processId:

wfdesigner.exists({ schemecode: ‘SimpleWF’ });            

Parameters:schemecode, processid, schemeid

For localization of use WorkflowDesignerConstants.