Ha Bui
Feb 16, 2023
  617
(2 votes)

Global Notification

Great day everyone!

If you familiar with Using user notifications, I'm glad to introduce the new global notification UI. Notifications are moved to the navigation bar, so it is no longer only for the CMS UI.

You can get the new release version here: EPiServer.CMS 12.17.0 (optimizely.com)

The new UI has the following:

  • A bell icon, moved to the top navigation bar
  • An indicator for new or unread messages
  • A notification panel

When you click an unread notification, it is marked as read. Click Mark as Read to change all unread messages statuses to read. 

Notes

  • If the notication contains content uri then you can click on the notification to go to the link.
  • The list is lazy load on demand; just scoll to see more.

Global notification also exposes broadcastchannel API (/global/notification/message), Just join it and you can use the pub/sub pattern.

MessageHub.js already has it inside:

this._globalNotificationBroadcaster = new BroadcastChannel(this.statusTopic.globalnotificationmessage);

See also Broadcast Channel API - Web APIs | MDN (mozilla.org).

Last but not least: all changes for UI are on the client side to pub/sub message. Nothing changes for the server side. Isn't that good news?

Thank for reading!

Feb 16, 2023

Comments

Quan Pham
Quan Pham Feb 22, 2023 07:55 AM

Good stuffs!💯

Please login to comment.
Latest blogs
Extended SelectionFactory

In one of my previous articles I described new Color Picker widget. Today I’d like to show another simple property. I prepared extended version of...

Grzegorz Wiecheć | Jun 7, 2023 | Syndicated blog

Unlock Creativity with Text Generation

Need fresh and innovative content ideas? The Epicweb.Optimizely.AIAssistant Addon has got you covered with its text generation feature. In this blo...

Luc Gosso (MVP) | Jun 6, 2023 | Syndicated blog

Breaking Language Barriers with Multilingual Text Translation

In today's globalized world, effective communication across languages is essential. The Epicweb.Optimizely.AIAssistant Addon makes language...

Luc Gosso (MVP) | Jun 6, 2023 | Syndicated blog

Optimizely Search & Navigation - Get autocomplete suggestions in right language

When you are using Optimizely Search & Navigation (Find) to help you generate autocomplete suggestions server side in a multi-language scenario it...

Allan Thraen | Jun 5, 2023 | Syndicated blog