Real-time notifications and workflow using ABAP Push Channels (websockets) Part 5: Using the UI5 or Web Dynpro applications in Side Panels

[bradp]

This is Part 5 of the below series of blogs:

• Real-time notifications and workflow using ABAP Push Channels (websockets) Part 1: Creating the APC ...
• Real-time notifications and workflow using ABAP Push Channels (websockets)  Part 2: Broadcasting the...
• Real-time notifications and workflow using ABAP Push Channels (websockets) Part 3: Creating a UI5 Ap...
• Real-time notifications and workflow using ABAP Push Channels (websockets)  Part 4: Creating a Web D...
• Real-time notifications and workflow using ABAP Push Channels (websockets)  Part 5: Using the UI5 or Web Dynpro applications in Side Panels

In this part we will add the applications as Side Panels to be used in NWBC Client. Please note that this will require Internet Explorer to be at least version 10. Thanks to skempfor answering the questions I had regarding setting up the Side Panels.

Go to transaction PFCG and edit the role you want to add it to.

Select a folder created for side panels:

Add a BSP Application.

Enter BSP Application details.

Click Other Node Details and make the Node Option Side Panel.

Now add the Web Dynpro Application.

Enter the Web Dynpro details.

Click Other Node Details and select Node Option as Side Panel.

Make sure in the root folder Side Panels you have a list of transactions you want the side panel to appear in.

Save the role and restart NWBC.

Go to the transaction to Park a Journal and open the Side Panel. You will notice the 2 Side Panels added for the UI5 and WDA applications:

Now create and save a parked journal which will be assigned to myself as the approver.

Before Save:

After Save - there will be a popup notification and the inbox will be refreshed automatically:

Now switch to the Web Dynpro version and do the same:

Before Save:

After Save – notification message displayed and inbox refreshed: