Primary Navigation settings of OWL for Response UI

Use case: The Custom object is created, the business logic is implemented using SAP Cloud Applications Studio and the corresponding UIs are accessed by the business users using SAP Hybris Cloud for Customer extended app via smartphone.

This blog details the steps to fulfill the mentioned use case. It will cover the configuration required for the Primary navigation in OWL of the Custom objects built using Studio. The business user using the smartphone shall be able to navigate to the TI (details) screen by selecting the custom business object instance from the owl (list). Below are the steps detailed with screenshots.

Step 1: The Custom business object is modeled in Studio and the business logic is implemented using the absl scripts. The solution objects are saved and activated.

Step 2: The Screens are created for the PriceRequest BO by the context menu option ‘Create Screens’.

Step 3: Configuring the OWL. Open the OWL screen in the UI Designer and configure the ‘Price Request ID’ column of the OWL as the ‘Leading Object’ as shown in the below screenshot.

The RUI renders card view as default view in Smartphone. RUI generates this card automatically based on the List definition. Leading Object is an identifier column as this needs to trigger a navigation. For example in Opportunity OWL, Opportunity ID column which Navigate you to Opportunity QV & TI needs to be marked as Leading Object. Secondary Object should be marked on column which could give some additional/extended information about the Object. In the usecase explained the Price Request ID column which navigates to the Price Request TI is marked as the Leading Object.

Leading Object – Any identifier column in a list can be marked as Leading Object. The first column which is marked as the Leading Object will be considered by runtime. Property is of type Boolean and support true & false as values, default value is false. The below screenshot highlights how to set the property ‘Leading Object’ in UI Designer property editor. Save and activate the owl UI screen.

Step 4: Assign the UI to the business user. Login in to the SAP Hybris Cloud for Custom extended app from iPhone as the business user.

Click on the custom view ‘Price Request’ as shown below. This open the chunk view of the Price Request list.

Select/touch any instance of the Price Request. This will open the TI screen of that Price Request instance as shown below. This navigation in the smartphone is possible since the ‘Price Request ID’ is marked as ‘Leading Object’ by setting to ‘True’.