How to Show Information / Warnings in SharePoint

In SharePoint, Status bar is used to display information / warnings using JavaScript. This script is added at the client side.

The status script functions are listed out in the SP.UI.Status class. in SP.js which is added in master page by default.

The SP.UI.Status class has 6 functions.

1. addStatus: used to add the status bar information.
2. appendStatus: used to append the information.
3. removeAllStatus: remove all status.
4. removeStatus: remove status.
5. setStatusPriColor: used to set color for the status bar information.
6. updateStatus: update / replage the status information.

So simply follow the steps to add the information / warning in SharePoint site.

1. Add a Script Editor / Content editor web part in the page,
   
   
   
   
2. Edit snippet and add the below code to show the information.
   

<script>
    window.onload = function()
    {
        var Status;
        Status = SP.UI.Status.addStatus("Information : ", "<imgsrc='/_Layouts/Images/STS_ListItem_43216.gif' align='absmiddle'><font color='#AA0000'>We sincerely apologize for the inconvenience.Our site is currently undergoing maintenance and upgrades and will return return shortly.</font>", true);
        SP.UI.Status.setStatusPriColor(Status, "yellow");

    }
</script>

3. Save the page and refresh.
   
   Now the page looks as below,
   
   
   Woo hoo , Now it’s very simple to show the notification for alerts/ warnings in SharePoint site.
   
   For more info, refer https://goo.gl/45xmbX
   
   Refer the article here in my personal blog.