Author: Tobias Zimmergren
http://www.zimmergren.net | http://www.tozit.com | @zimmergren 

Introduction

With the new version of SharePoint comes a full set of new and awesome features that you’ll have to indulge and learn. One of the small things that makes my day much more fun is to display messages to your users in the Status- and Notification areas.

Example of a message in the Status bar area:

Example of a message in the Notification area:

How do we make this magic happen?

In order to display these messages, you really (really) don’t need a lot of code. I’ll lay out the simple code I used to display the messages you saw in my screenshots.

It’s all JavaScript based, so get ready to dig out those old JS skills you know you’ve got lying around somewhere

Oh wait, you don’t need skills to do this, it’s just that easy!

Show me a Status bar!

JavaScript:

function ShowStatusBarMessage(title, message)
{
    var statusId = SP.UI.Status.addStatus(title, message, true);
    SP.UI.Status.setStatusPriColor(statusId, ‘yellow’); /* Set a status-color */
}

HTML, call the JS method:

<a onclick="ShowStatusBarMessage(‘Title’!',’Awesome message!’)">
    Display Status Bar message!
</a>

Show me a Notification popup!

JavaScript:

function ShowNotificationMessage(tooltip, message, sticky)
{
    SP.UI.Notify.addNotification(message, sticky, tooltip, null);
}

HTML, call the JS method:

<a onclick="ShowNotificationMessage(‘I am cool!’,'This is a cool message’,false)">
   Display Notification!
</a>

Summary

Actually, there’s no need for a summary. It’s way too easy.

Enjoy!