SP 2010: Dynamically displaying messages to your users with the Notification and Status bar areas in SharePoint 2010

Author: Tobias Zimmergren
http://www.zimmergren.net | http://www.tozit.com | [@zimmergren](http://www.twitter.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:
image

Example of a message in the Notification area:
image

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:
**
    Display Status Bar message!

Show me a Notification popup!

JavaScript:

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

**HTML, call the JS method:
**
   Display Notification!

Summary

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

Enjoy!

About Tobias Zimmergren

Hi, I'm Tobias. I plan, architect and develop software and distributed cloud services. Nice to meet you!

Comments