Notification icon is located next to the language selection button.
User can see 3 recent notifications by clicking this icon.
User can marks all notifications as read by clicking the Set all as read link or can mark a single notification by clicking the Set as read link next to each notification. Notifications are sent real-time using SignalR. In addition, a desktop push notification is shown when a notification is received.
Settings link opens notification settings dialog.
In this dialog there is a global setting for user to enable/disable receiving notifications. If this setting is enabled, then user can enable/disable each notification individually.
You can also define your custom notifications in AppNotificationProvider class. For example, new user registration notification is defined in the AppNotificationProvider as below.
context.Manager.Add( new NotificationDefinition( AppNotificationNames.NewUserRegistered, displayName: L("NewUserRegisteredNotificationDefinition"), permissionDependency: new SimplePermissionDependency(AppPermissions.Pages_Administration_Users) ) );
See notification definitions section for detailed information.
AppNotifier class is used to publish notifications. NotificationAppService class is used to manage application logic for notifications.
When a notification is sent, Angular app receives it via SignalR and UserNotificationHelper.ts (under
app\shared\layout\notifications\ folder) is used to format this notification information before showing it to user. If you want to redirect user to a new page or to an external website, you can modify getUrl method.
See notifications documentation for detailed information.
All notifications of the user are listed in this page. We can delete and mark a notification as read in this page.