sap.suite.ui.commons.ProcessFlow Error

[pinakipatra]

Hi , I am using

sap.suite.ui.commons.ProcessFlow

I have  made a simple javasript view

createContent : function(oController) {

                     return new sap.suite.ui.commons.ProcessFlow({
                          nodes : [
                                   new sap.suite.ui.commons.ProcessFlowNode({
                                       nodeId: "01",
                                       laneId: "01",
                                       title: "Sales Order 1",
                                       titleAbbreviation: "SO 1",
                                       isTitleClickable: true,
                                       state: sap.suite.ui.commons.ProcessFlowNodeState.Positive,
                                       stateText: "OK status",
                                       focused: true,
                                       texts: ["Sales Order Document Overdue long text for the wrap up all the aspects", "Not cleared"]
                                   })
                                   ],
                          lanes : [
                                   new sap.suite.ui.commons.ProcessFlowLaneHeader({
                                       laneId: "01",
                                       icon: "sap-icon://order-status",
                                       label: "In Order",
                                       position: 0
                                       }),
                                   ]
                      })
    }

there is nothing in the controller

but still i am not getting the desired results

Output :

    

I am not getting the lane Header

I tried the XML view from  SAPUI5 Explored

It worked perfectly

is there anything i am missing ?

[former_member182372 · Accepted solution]

iconSrc: "sap-icon://order-status", 

text: "In Order", 

http://jsbin.com/lokubo/11/edit

[pinakipatra · Accepted solution]

Hi Maksim ,

Thanks for the quick reply

I figured out that if i use src="resources/sap-ui-core.js" (i.e my local eclipse resource) it is not rendering properly .
Once i changed that to
src="https://sapui5.netweaver.ondemand.com/sdk/resources/sap-ui-core.js" it worked perfectly.
I think my local eclipse resource is outdated as process flow is supported from 1.22..

Thanks..

[former_member182372 · Accepted solution]

make sure

data-sap-ui-libs="sap.m, sap.ui.commons,  sap.suite.ui.commons">

eclipse has com.sap.suite.suite-ui-commons_1.22.0.jar where those controls are defined

[pinakipatra · Accepted solution]

ok i will make sure ..

Is there any way that i can make the layout vertical instead of horizontal(by default)

[former_member182372 · Accepted solution]

Don't think it is possible through properties, i dont see anything relevant