sap fiori - How we can click on buttons which is inside in Process Flow control in SAPUI5?

Question

I have added two buttons(Approve, Reject) in Process Flow node. But I am not able to click on that buttons.

Can anyone help on this, How we can click on that buttons?

sap.suite.ui.commons.sample.ProcessFlow

ProcessFlow

Code

<ProcessFlow id="processflow1" scrollable="false" nodePress="onNodePress" foldedCorners="true" nodes="{/nodes}" lanes="{/lanes}">
    <nodes>
        <ProcessFlowNode id="processflownode1" laneId="{lane}" nodeId="{id}"
                         title="{title}" titleAbbreviation="{titleAbbreviation}"
                         children="{children}" state="Neutral" stateText="{stateText}"
                         texts="{texts}" focused="false" selected="false"
                         highlighted="false" isTitleClickable="false">
            <zoomLevelOneContent>
                <m:HBox height="100%" justifyContent="SpaceBetween" renderType="Bare">
                    <m:Button type="Accept" text="Approve" press="onPress"></m:Button>
                    <m:Button text="Reject" type="Reject"/>
                </m:HBox>
            </zoomLevelOneContent>
        </ProcessFlowNode>
    </nodes>
    <lanes>
        <ProcessFlowLaneHeader laneId="{id}" iconSrc="{icon}" text="{label}" position="{position}"/>
    </lanes>
</ProcessFlow>

Screenshot

question from:https://stackoverflow.com/questions/65839744/how-we-can-click-on-buttons-which-is-inside-in-process-flow-control-in-sapui5

Answer 1

This feature is not possible with ProcessFlowNode. You can use nodePress event to open an action sheet or popover for your actions according to your need.

For more information please check: Process Flow | SAP Fiori Design Guidelines