Real Time Update of the Notification bell
Hi all,
we have added the solution of Send Notification to our solution, the bell icon and then added the automation shape.
It is almost working all the way, however the real time update does not happen and the only way to get the number correct on the bell icon is to refresh the portal.
If you click on the bell even if zero but there was an update, the notification is there as well. Therefore it seems like it's almost working correctly.
I have added the below to prconfig
<env name="server-push/transport" value="long-polling"/>
<env name="server-push/enabled" value="true"/>
and restarted the application.
Does perhaps anyone know what else could be missing?
If it helps, we are using UI Kit version 8.7.3.
Thank you in advance.
HCA Healthcare
US
KBC Groep NV
CZ
@SairohithThank you for the response. Question, is there anything specific I can check in the logs? I have checked the Developer tools and I cannot see any Websocket/blocked firewalls issue. All the responses are 200. Which I think is correct, as when I click on the notification bell the actual notification is available in the overview so it is updated in the background. It's more that the notification number isn't increasing as it should.
Would this mean, that I need to add the "javascript polling script" you are mentioning to refresh the notification count?
Again, thank you for the response.
HCA Healthcare
US
@RenataC5 Since your notifications are loading in the background but the bell icon count isn’t updating in real time, the issue is likely with how the UI is refreshing the count. Even though server push is enabled and responses are coming through, the badge itself may not be listening for those updates. In this case, you can add a simple JavaScript polling script that runs every few seconds to check for new notifications and update the count on the bell icon. This acts as a temporary fix until a fully event-driven update is implemented. Also, check if there's a data page or section responsible for the count, and make sure it’s marked as “reload when accessed” or refreshed after the notification is received. Finally, ensure that any activity or script used to send notifications also triggers a UI update or uses a Declare OnChange rule if applicable.
@RenataC5 To enable real-time updates for the notification bell in Pega (UI Kit 8.7.3), you’ve already taken key steps by enabling server push with long-polling. However, for real-time notification count updates, you also need to ensure that the pulse or channel services (used for server push) are running correctly in your environment. Check that WebSocket or long-polling connections are not blocked by proxies or firewalls. Also, confirm that the pxNotify activity or the Notify plugin is properly triggering the update when a notification is sent. In some cases, real-time badge updates on the bell icon might also depend on a custom data page refresh or JavaScript handler that listens for incoming server push messages and updates the UI accordingly. If those handlers are not in place, the notification list might refresh, but the count won’t until manual refresh. As a workaround, you can add a small JavaScript polling script that refreshes the notification count every few seconds until real-time is fully functional.