Skip to Content
Author's profile photo Brad Pokroy

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

This is Part 5 of the below series of blogs:

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 Simon Kemp  for 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:


Assigned Tags

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

      Good work Brad! Very well presented blogs.

      Author's profile photo Brad Pokroy
      Brad Pokroy
      Blog Post Author

      Thanks Raj!

      Author's profile photo Tae-Gon Kwon
      Tae-Gon Kwon

      The most comprehensive and easy to follow scenario !, I have ever seen regarding data synchronization for multiple UIs.

      Author's profile photo Brad Pokroy
      Brad Pokroy
      Blog Post Author

      Thanks Ted! Appreciate the feedback and glad you found it helpful!

      Author's profile photo Simon Kemp
      Simon Kemp

      Good stuff Brad!

      Author's profile photo Brad Pokroy
      Brad Pokroy
      Blog Post Author

      Thanks Simon!