SharePoint 2013 - Display Notification on Parent Page after App Part completes its task

For a typical web part operation, you usually display some kind of message/notification when you completed a task.  So that user know the status.  The problem with the App part is that it's within an iFrame on the page.  You can't just call SP.UI.Notify.addNotification("").

The OOTB App Part support resizing of iFrame with postMessage technique only.  So, what to do ...

Below is a technique that allows you to display the SharePoint popup notification on the top right corner of the parent page.  The code below is tested using JavaScript and C# in a provider-hosted app.  The basic components are as follow


  1. You have to register a custom event listener for the message event on the SharePoint page.  You can register this event on the master page so that all your App Parts can utilize the event handler
  2. You have JavaScript function that post message back to the parent
  3. On your App part post back event, you call the JavaScript to post the message back to the parent.


On master page:

$(document).ready(function () {
  
    //register Custom Message event handler
    if (typeof window.addEventListener != 'undefined') {
        window.addEventListener('message', CustomAppIFramePostMsgHandler, false);
    }
    else if (typeof window.attachEvent != 'undefined') {
        window.attachEvent('onmessage', CustomAppIFramePostMsgHandler);
    }
});

function CustomAppIFramePostMsgHandler(e) {

    var messageData = e.data;

    if (messageData.length > 100 || messageData.indexOf("::") < 0)
        return; //don't need to handle it

    //can do more to identify which action to perform
    var message = messageData.substring(messageData.indexOf("::") + 2);

    if (message != "undefined" && message != "") {
        SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function () { SP.UI.Notify.addNotification(message, false); });
        setTimeout(function () { document.location = document.location; }, 2000);
    }
}


On app part page:

function displayNotification(msg) {

    $(document).ready(
   function () {
       var target = parent.postMessage ? parent : (parent.document.postMessage ? parent.document : undefined);
       var message = "Message::" + msg;
       target.postMessage(message, '*');
   });   
}


On app part post back handler:

protected void btnDisplayMessage_Click(object sender, EventArgs e)
        {
            ltMsg.Text = "";
                
       


Original Source found below url:

 http://rwcchen.blogspot.in/2013/10/sharepoint-2013-display-notification-on.html

Comments

Post a Comment

Popular posts from this blog

IRM and the Object Model

A couple of weeks earlier, I saw an interesting issue. It was a normal day as far as days go in support and in comes this issue, where the person in question wants to investigate or rather should I say automate the process of creating IRM settings on document libraries. I wasn't working on this issue and a colleague took this over. But then somewhere it was lurking, how the hell do you do that? The natural starting point is getting a site/web context and going down to the list and then getting dirty with the properties exposed by the particular SPList object. So after finishing what I had on my plate, I dug into figuring out how exactly to set the IRM settings for a list using the object model. So here goes: Step 1 Enable IRM on the farm SPWebService svc = SPFarm.Local.Services.GetValue<SPWebService>(); SPIrmSettings irmSettings    = svc.IrmSettings;irmSettings.IrmRMSEnabled    = true;//set true or false based on the situation irmSettings.IrmRMSUseAD      = true; irmSett
Read more

This content database has a schema version which is not supported in this farm

Image
 Today i have faced one issue while mount content database to server. the issue is " This content database has a schema version which is not supported in this farm." I was getting this error when i ran Mount-SPContentDatabase using powershell.  I tried checking SP versions and other things finally got solution in below way Reason: Once you have taken the backup from SharePoint 2013 content database, usually you will restore the database in the target SQL server. After restoring the database, you will try to restore content database in any one of Webapplication most probably new one. In this stage, you will get the above error message. Solution: Your source SQL server schema and the destination SQL server schema might not be matched. So you need to update the "Versions" table values in the "Restored Database". 1. Open " Versions " table from any of the existing "Content database"  from the Target SQL Server machine in "
Read more

Activate and Deactivate Feature through PowerShell

Image
I was looking at the analytics of the site the other day and I noticed that my post,  Adding and Deploying Solutions with PowerShell , currently has the most traffic on the site.  I had always intended to write a follow up post on this, so here it is.  Today I’m going to talk about how to enable and disable features using PowerShell.  It’s great that you know how to deploy solutions now with PowerShell, but now you want to activate your features. In SharePoint 2007 to activate a feature from the command line you might have used a statement like the one below.  I’ll use the  Reporting  feature on my server named  sp2010  as an example.  The value specified in the  name  parameter refers to the actual folder name of the feature that is in your SharePoint Root folder (14 hive). stsadm.exe –o activatefeature –name Reporting  – url http://sp2010 To get started with PowerShell, run the SharePoint 2010 Management Console located in your Microsoft SharePoint 2010 Products folder on your s
Read more