Skip to Content
Karol Kalisz
Karol Kalisz
July 27, 2015 1 minute read

Design Studio SDK: Process Flow – Unified UI5 Component

Follow RSS feed
3 Likes 1,817 View 1 Comment

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:

pf.PNG

You can do:

* add Lanes

* add Nodes

Restrictions

* 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)

The APS

pf1.PNG

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

Events

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

pf3.PNG

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

SDK_PROCESSFLOW_20

Documentation

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

Related Blog Posts

    Related Questions

      1 Comment
      You must be Logged on to comment or reply to a post.
      • 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

        Younes