Not able to embed IFRAME code on Sharepoint.

I get this message when i try to embed IFRAME code on sharepoint?

"We can't show this embedded content because the code seems to be incomplete. Make sure that the embed code includes width, height and a valid address for the src attribute."

Hi,

It's asking for:

• width
• height
• valid address for the src attribute

Please provide your code here for us to take a look.

Regards,

This is what copies from my Jot Form site

<iframe

id="JotFormIFrame-210744749757266"

title="Safety Observation for AgrHub Group of Companies"

onDISABLEDload="window.parent.scrollTo(0,0)"

allowtransparency="true"

allowfullscreen="true"

allow="geolocation; microphone; camera"

src="https://form.jotform.com/210744749757266"

frameborder="0"

style="

min-width: 100%;

height:539px;

border:none;"

scrolling="no"

>

</iframe>

<script type="text/javascript">

var ifr = document.getElementById("JotFormIFrame-210744749757266");

if (ifr) {

var src = ifr.src;

var iframeParams = [];

if (window.location.href && window.location.href.indexOf("?") > -1) {

iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&'));

}

if (src && src.indexOf("?") > -1) {

iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&"));

src = src.substr(0, src.indexOf("?"))

}

iframeParams.push("isIframeEmbed=1");

ifr.src = src + "?" + iframeParams.join('&');

}

window.handleIFrameMessage = function(e) {

if (typeof e.data === 'object') { return; }

var args = e.data.split(":");

if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); }

if (!iframe) { return; }

switch (args[0]) {

case "scrollIntoView":

iframe.scrollIntoView();

break;

case "setHeight":

iframe.style.height = args[1] + "px";

break;

case "collapseErrorPage":

if (iframe.clientHeight > window.innerHeight) {

iframe.style.height = window.innerHeight + "px";

}

break;

case "reloadPage":

window.location.reload();

break;

case "loadScript":

var src = args[1];

if (args.length > 3) {

src = args[1] + ':' + args[2];

}

var script = document.createElement('script');

script.src = src;

script.type = 'text/javascript';

document.body.appendChild(script);

break;

case "exitFullscreen":

if (window.document.exitFullscreen) window.document.exitFullscreen();

else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen();

else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen();

else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen();

else if (window.document.msExitFullscreen) window.document.msExitFullscreen();

break;

}

var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;

if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {

var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};

iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");

}

};

if (window.addEventListener) {

window.addEventListener("message", handleIFrameMessage, false);

} else if (window.attachEvent) {

window.attachEvent("onmessage", handleIFrameMessage);

}

</script>

Please replace min-width: 100% with width: 100% in your style attribute.