Show/ Hide Notifications In SharePoint

There is something happening in the back end of the applications, the better user-friendly applications will just show some notifications to the user about the back end process. SharePoint already has this capability, but what about custom applications developed by us?

Nothing to worry about, SharePoint has an answer for that too. Yes, we can use the SharePoint built inJavaScript methods to achieve this. Here's the syntax to achieve this,

Syntax:

To add notification with custom message:

var notifyID = SP.UI.Notify.addNotification("<strHTML>",booleanSticky);

//Parameters

To add notification with spinning wheel:

var notifyID = SP.UI.Notify. showLoadingNotification (booleanSticky);

//Parameters

To remove notification message:

SP.UI.Notify.removeNotification(notification ID);

//Parameters

Example:

The below example contains three buttons: “Add Notification”, “Add Wheel Notification” and “Remove Notification”. Add Notifications buttons add the notification to the browser and Remove Notification button removes the notification from the browser.