Display HTML pages within the LMS

Subjects in the LMS may include external links to HTML files as menu items. If the HTML file is not set to open in a new window it will be displayed in the entire area below the top frame, obscuring the subject menu. If you want the HTML page to open within the LMS subject, but not obscure the subject menu you will need to create a blank page that includes an iframe.

To assist you in creating the iframe, a package is available to import into the subject/community. With three quick steps, you can have your HTML displaying perfectly; download the package, upload to your LMS subject/community, and customise the package to point to your HTML file.

Download the package

  1. Log into the LMS.
  2. Click the Manage Content tab.
  3. In the left frame, click Institution Content >> Institution.
  4. In the right frame, click the Packages folder.
  5. Download the iframe.zip file and save it to your computer. Note: Do not open the zip file.

Upload the package

  1. Log into the LMS and open the subject of interest.
  2. From Control Panel select Packages and Utilities >> Import Package / View Logs.
    Note: This will load an editable version of the subject.
  3. Click Import Package.
  4. Click Choose File and select iframe.zip from your computer.
  5. Click the checkbox for Content Areas.
    Leave all other checkboxes unchecked.
  6. Click Submit then wait 5-10 seconds for the package to be uploaded.
  7. Click the Refresh button () at the top of the subject menu.
  8. Confirm the menu now includes iframe as the final menu item. If not, wait another few seconds and try again.

Customise the iframe

The iframe menu item is an imported Blank Page. HTML code was added to create an iframe window, in which the targeted HTML file will be displayed. This HTML file is presented it in the right frame without obscuring the subject menu. For reference, the HTML code embedded in iframe is:

<p><iframe width="100%" height="1000" src="https://app.lms.unimelb.edu.au/bbcswebdav/pid-4380721-dt-content-rid-6129738_4/xid-6129738_4"></iframe></p>

The instructions below assume you already have a web link that is not displaying correctly.

If you are adding a new web link you need to know the URL of your web page before you can customise the iframe. If the page is stored in the Content Collection, this information can be found in the 360 view of the file. Copy the URL of the web page. You can then start at step 5 and omit steps 13-14.

  1. Identify the web link item in the subject menu.
  2. Click the pull-down menu next to the menu item and select Web Link.
  3. The URL will be automatically highlighted. Click Ctrl+C to copy the URL.
  4. Click Cancel to return to the subject.
  5. On the left menu, click iframe.
  6. Click the HTML symbol in the page editor to enter HTML mode.
  7. Set the width of the iframe to best suit your content.
    Note: We recommend leaving the default width="100%".
  8. Set the height (pixels) of the iframe to best suit your content.
    Note: We recommend leaving the default height="1000".
  9. Locate the default URL included in the iframe code: src="https://app.lms.unimelb.edu.au/bbcswebdav/pid-4380721-dt-content-rid-6129738_4/xid-6129738_4"
  10. Replace it by pasting the URL you copied in Step 3.
    Note: The URL should start with HTTPS, not HTTP, otherwise the page will not open.
  11. Click Submit.
    The iframe on the menu should now show the HTML page.
  12. Click Edit Mode = ON.
  13. Click the pull-down menu next to the original web link and select Delete.
  14. Click OK on the pop-up message to confirm.
  15. Click the pull-down menu next to iframe menu item and click Rename Link.
  16. Rename iframe to the name of the original subject entry point menu item (eg: Subject Home).
  17. Move the iframe menu item to the position where the original subject entry point menu item was located.
    Note: If the original web link was your subject entry page, you can now set this for the new page via Control Panel >> Customisation >> Teaching Style.
  18. Click Edit Mode = OFF.
  19. Click the subject name in the navigation breadcrumbs and confirm the HTML page is now shown without obscuring the menu.

Permissions

Even if you do all of the above steps, the HTML file will not display within your subject for your students if you have not set correct permissions; see the user guide for more information.

This guide was last updated 04 Aug 2018.
Report any errors or omissions in this guide to lms-guides@lists.unimelb.edu.au

Print this guide

The LMS is a learning technology service provided by Learning Environments