Creating a Status notification SP 2013. Script to make it fade?

Question

I have some code that creates a new status bar but it just stays on top without fading. It doesn't even have an 'x' to close it manually. The following is how I am adding a new SP status from code behind. How can I make this fade out after a couple seconds? jQuery? Am I missing an argument that allows the status to be closed?

var scriptTemplate = @"
      ExecuteOrDelayUntilScriptLoaded(function(){{
         ExecuteOrDelayUntilScriptLoaded(function(){{
             var statusId = SP.UI.Status.addStatus('{0}');
               SP.UI.Status.setStatusPriColor(statusId, '{1}');
               setTimeout(function(){SP.UI.Status.removeStatus(statusId);}, 2000);
               }},
           'core.js'
            )}},
        'sp.js'
        );";

var script = string.Format(scriptTemplate, message.Replace("\"", "\\\""), color);

Page.ClientScript.RegisterClientScriptBlock(typeof(MyTrainingUserControl),  "notifysuccess", script, true);

score 2 · Answer 1 · answered Jun 08 '14 at 09:36

2

This can be achieved by simply using the setTimeout function.

    var statusID = SP.UI.Status.addStatus('bold text', 'message');

    setTimeout(function(){
     SP.UI.Status.removeStatus(statusID);
    }, 2000);

answered Jun 08 '14 at 09:36

user3647439

21
1

thanks! I can't get this working with my code above. I tried putting setTimeout(function(){ SP.UI.Status.removeStatus(statusID);}, 2000); right after .setSTatusPriColor but it breaks – Michael Colbs Jun 09 '14 at 03:01
Can you post your new code. – user3647439 Jun 09 '14 at 05:34
See OP. I just added the setTimeout line. also tried moving it outside the other functions and making the inner func call a new one – Michael Colbs Jun 09 '14 at 14:54

Creating a Status notification SP 2013. Script to make it fade?

1 Answers1

Linked