Skip to Content
Author's profile photo Jerry Wang

Step by step to create OBN button which navigates from standard UI to custom UI

My series of Cloud Application Studio Blogs


Create a new OBN button in the toolbar of a standard UI, for example the item table of Service Request TI.
Once this button is clicked, a new custom QC view will be displayed. In this new QC view, the original Service Request ID will be passed during navigation and displayed. See below example, I press the button in TI page of Service Request 3629, and this ID is also displayed in my custom QC page.
Here below are detail steps:
1. Create a new Port Type Package with below parameter:
2. Create a new custom QC page view:
Create a new unbound data field “TicketHeaderNodeID” to hold the Service Request node ID passed from Standard Service Request TI.
Create a new event handler to read the Service Request BO instance data by using “TicketHeaderNodeID” as parameter:
Create a new OBN inport by following the settings below:
Assign the created event handler to the “OnFire” property of this inport:
3. In Service Request TI, create a new OBN button in extensibility explorer:
Since in previous step I have already assigned a custom operation “JerryOBN” to BO Service Request, so now it is available to use from drop down list of “Select Operation”:
Bind the nodeid attribute to /Root/UUID, so in the runtime, the current Service Request node ID will be passed to my custom QC view with the help of Port Type Package created in first step.
Apply the OBN setting and now you can see the generated change transaction where OBN button is ready to use.
4. Create a new Work center and a new work center view, assign the QC to that new work center view:
And assign the work center view to test user:
After that the OBN navigation from Service Request TI to custom QC view works as expected.

Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Abhishek Raj
      Abhishek Raj

      Nice Blog... !!

      Hi Jerry,

      I need your help in one thing...we have a business requirement where we need to include "IncludeSubTerritories" indicator in the advance search of the OWL screen which has the standard data model as CustomerQuote but I had a look on the standard functionality which is used in Opportunity or lead or CustomerQuote OWl screen they have used dedicated field in the Search Parameter but I am not able to understand how this is helping us to retrieve the sub territories of the territory id selected in advance search.

      Thanks in advance.



      Author's profile photo Tobias Träger
      Tobias Träger

      Hi, is it also possible to do a "standard UI to standard UI" case with OBN? We have the usecase, that we want to include the standart "Create New Contact" Quick Create with an OBN Button. However we were not able to get this done.

      Do you have any idea, how to achvie this? I didn't find any documentation about it.

      Author's profile photo Francisco José Carrasco Valverde
      Francisco José Carrasco Valverde

      Hi. It works perfectly in html5 however in Fiori client is opening a new tab. Is there any way to force in fiori client to open like a popup same as html5 ?

      Thanks in adavance.

      Author's profile photo Ronel Munoz
      Ronel Munoz

      Hello Jerry Wang it is possible to add a preview button in the Standard screen of "Incoming Check" ?

      Author's profile photo Suchetha H V
      Suchetha H V

      Hi Jerry,

      Where have you defined jerryobn operation which you are selecting under operation.