Adding a PDF in iFrame

Adding a PDF in iFrame

If you wish to add a pdf you can scroll through in a course, use an iframe.

Go to the course unit you want it in, create a new text component, click on Edit, and then HTML. Copy and paste the following code and change the elements following “src=”…“.

<p><iframe id="theFrame" src="/static/MATRICE_BRIEF_DEBRIEF.pdf" style="height: 540px; width: 100%;"></iframe></p>
 <script>// <![CDATA[
 document.getElementById("theFrame").contentWindow.onload = function() {
     this.document.getElementsByTagName("img")[0].style.width="100%";
 };
 // ]]></script>

Note: You can download the pdf in Files & Uploads and put the static code in.

Learner platform display:

If you want to know more on how to add a PDF through a component, click here.