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

Tobias Zimmergren
Tobias Zimmergren
💡TIP: Check out the guidance for building sustainable Azure workloads! 🌿

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!

function ShowStatusBarMessage(title, message)
{
    var statusId = SP.UI.Status.addStatus(title, message, true);
    SP.UI.Status.setStatusPriColor(statusId, ‘yellow’); /* Set a status-color */
}
Edit 2020: Unfortunately, the HTML snippets of this blog didn't make the blog migration.

Show me a Notification popup!

function ShowNotificationMessage(tooltip, message, sticky)
{
    SP.UI.Notify.addNotification(message, sticky, tooltip, null);
}
Edit 2020: Unfortunately, the HTML snippets of this blog didn't make the blog migration.

Summary

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

Enjoy!

SharePoint

Tobias Zimmergren Twitter

Hi, I'm Tobias! 👋 I write about Microsoft Azure, security, cybersecurity, compliance, cloud architecture, Microsoft 365, and general tech!

Reactions and mentions


Presently sponsored by:
Hornet Security
Mastodon