Moodle: Using iFrame to display content from any URL

iFrame is a HTML code implemented by most browsers that allows a section of the screeen (a "frame" or window) to display content from any other URL.

In moodle, it is a good way to display content such as:
  • calendars from external sites such as google calendar, microsoft outlook web calendars, apple mobileme calendars etc.
  • web pages with current content: e.g. weather
  • content from elswhere on your network e.g. another moodle course, a page from another network loaction,
  • content from specific iframe sites, such as google picasa web albums, youtube etc etc
To create an iframe, merely edit edit a moodle section header, a moodle label, a moodle web page or forum post, and select the HTML code display edit and paste:

<iframe src="http://digbys.blogspot.com/" width="800" height="600"> </iframe>

NOTE: Screen widths are often 1200 pixels wide so an iFrame up to 1000 pixels is often fine.

See an example here.



See also:
http://docs.moodle.org/en/Iframe
http://en.wikipedia.org/wiki/IFrame
Ways to display html code in blogspot

No comments:

This post contains some responses to questions that I have been asked by various people over the last few years. In most cases, I have also posted the information on relevant online community forums such as moodle.org. I hope that you find this useful. Stephen Digby