You may implementing a hover or previews of office web app supported documents on top of SharePoint. But some instances with implementation on IE (Internet Explorer) gives half preview as shows on the below snapshot.
[caption id="attachment_1231" align="alignnone" width="345"]
Custom embedded office web app interactive preview[/caption]
Cause ?
We are achieving the document preview with integration of office webs in an iframe and it loads its contents dynamically. For other browsers like Chrome its scales well when dynamic loading but for IE it doesn't load the full markup correctly for the full width and height provided (issue with how we see not with loaded content).
Preview
Link --> How to integrate interactive preview with the custom solution
Office web apps url //http://qa.kmp.newyorklife.com/sites/sdds/_layouts/15/WopiFrame.aspx?sourcedoc=/sites/sdds/Solution%20Design%20Delivery%20and%20Support%20Documents/Technology.doc&action=default&DefaultItemOpen=1
navigationalOWAUrl = listItems[i].Site_x0020_Collection_x0020_Url + "/_layouts/15/WopiFrame.aspx?sourcedoc=" + viewListItemArtifactnavigationUrl;
navigationalOWAUrl = navigationalOWAUrl.replace("WopiFrame.aspx", "WopiFrame2.aspx");
navigationalOWAUrl = encodeURI(navigationalOWAUrl);
vNoHtml += 'http://'%20+%20navigationalOWAUrl%20+%20'&action=interactivepreview
';
Fix
var iFrameID = $(this).parent().parent().find('.pop').find('.pop-content').find('.bg-image').find('.PreviewIFrame').attr('id');
if (iFrameID && iFrameID != null && iFrameID != '') {
// console.log("Refreshing Iframe", iFrameID);
document.getElementById(iFrameID).contentDocument.location.reload(true);
}
[caption id="attachment_1231" align="alignnone" width="345"]

Cause ?
We are achieving the document preview with integration of office webs in an iframe and it loads its contents dynamically. For other browsers like Chrome its scales well when dynamic loading but for IE it doesn't load the full markup correctly for the full width and height provided (issue with how we see not with loaded content).
Preview
Link --> How to integrate interactive preview with the custom solution
Office web apps url //http://qa.kmp.newyorklife.com/sites/sdds/_layouts/15/WopiFrame.aspx?sourcedoc=/sites/sdds/Solution%20Design%20Delivery%20and%20Support%20Documents/Technology.doc&action=default&DefaultItemOpen=1
navigationalOWAUrl = listItems[i].Site_x0020_Collection_x0020_Url + "/_layouts/15/WopiFrame.aspx?sourcedoc=" + viewListItemArtifactnavigationUrl;
navigationalOWAUrl = navigationalOWAUrl.replace("WopiFrame.aspx", "WopiFrame2.aspx");
navigationalOWAUrl = encodeURI(navigationalOWAUrl);
vNoHtml += 'http://'%20+%20navigationalOWAUrl%20+%20'&action=interactivepreview
';
Fix
var iFrameID = $(this).parent().parent().find('.pop').find('.pop-content').find('.bg-image').find('.PreviewIFrame').attr('id');
if (iFrameID && iFrameID != null && iFrameID != '') {
// console.log("Refreshing Iframe", iFrameID);
document.getElementById(iFrameID).contentDocument.location.reload(true);
}
Comments
Post a Comment