Skip to Content
Author's profile photo Karol Kalisz

Design Studio SDK: Process Flow – Unified UI5 Component

continuing the series of Design Studio SDK: New Unified UI5 Components, today the component Process Flow. Actually, I have chosen it to improve the generation logic, but as the output working, you can use it as well..

Today it is working only for non-data-bound definition.

It looks like:


You can do:

* add Lanes

* add Nodes


* only for manual definition

* you can use scripting for adding nodes on the fly (also deletion is working), BUT it seems change of “Lanes” is not working (for me looks like UI5 issue)



In this occasion, the APS code for arrays is now better – there are also combo boxes for properties which have defined list of values.


You can use the events to react on selection, eg Node Pressed:

APPLICATION.createErrorMessage(“Pressed: ” + PROCESSFLOW_1.getNodePressedKey());

Sometimes adding of new Nodes / Lanes causes “diapearing”, assure you have set all properties correctly, especially the Node Id (unique) and Lane Id, also a Node MUST be assigned to Lane! Sometimes you need to refresh the canvas.

Another Example


Download & Use

This component is available on the community package, release 2.0 for Design Studio 1.5, as in SCN Design Studio SDK Development Community

Example as BIAPP:

org-scn-design-studio-community/applications · GitHub



Component List – SCN Design Studio Community -> look for the component in the list.

Any thoughts?

feel free to add as usual…

Enhancements Ideas?

if you have good ideas (to those who would like to contribute but cannot code…) – place an “issue” with tag “enhancement” under Issues · org-scn-design-studio-community/sdkpackage · GitHub

Assigned Tags

      1 Comment
      You must be Logged on to comment or reply to a post.
      Author's profile photo Younes Hasba
      Younes Hasba

      Hi Karol,


      nice Blogs thanks for Sharing.

      i've been through your blog that explains how to create an extension based on the explored library.

      i've a requirement to have something similar to the Network Graph.

      It's near similar to the process flow, i've tried what you've explained in the video to add a new component "DummyControl" i've copied the Process Flow Folder and  adjusted it to have the Network Graph working but unfortunaltly no luck. been now struggling for hours to find the problem.

      i've prepared everything see here:

      do you see any chance to have a look at it? i think there is no much to do (i hope)

      maybe it's also for others to see how to make checks, if it's not working.


      thanks and Best regards