Tooltip style notification

Scenario:
You want to show a brief status message to the user. The notification will slide in and the out to the right side of the window.


Java Script:
SP.UI.Notify.addNotification('<img src="/_layouts/images/loadingcirclests16.gif" style="vertical-align: top;"/>Loading ...', false);

If you want your notification to stay on the screen until the process finishes you can use a couple of functions like:

function AddNotification() {
  notifyId = SP.UI.Notify.addNotification("Loading ...", true);
}

function RemoveNotification() {
  SP.UI.Notify.removeNotification(notifyId);
  notifyId  = '';
}
Notes:
The second parameter (set to true above) sets the stickiness of the note.
The notifyId variable, set when creating the notification, is used again when hiding it.

More about it on MSDN:
http://msdn.microsoft.com/en-us/library/ee658473(v=office.14).aspx

Leave a Reply