Web Object Properties

The web object is a borderless window to a html source outside of the lesson. It is similar to an iFrame and can be used to show web content, embed code, or specific assets.

URL

  1. Select the web object you want to edit.
  2. In the Properties panel, click URL.
    Web Object Property: URL
  3. Enter the web address of the content you want your Web Object to display.

Note The Web Object will not show its content on the authoring stage, but will show it while previewing as well as in the published lesson.


Tip Be sure the size the Web Object to allow your web content to display without being cut off. If you need your Web Object to allow for scrolling, change the Scroller property from its default setting of False to True.

Select Local File

  1. Select the web object you want to edit.
  2. In the Properties panel, click Select Local File.
    Web Object Property: Select Local File
  3. This will cause a pop-up to appear.
    Select Local File Pop-Up
  4. Click Browse to find the file on your computer.

    Note Web assets can be files such as PDF, JPG, GIF, PNG, and HTML. Also an entire HTML project can be zipped up and shown via the web object. Click here to explore that process.

  5. Once you browse and select your file the pop up will look similar to the image below.

  6. Select Local File Secondary Pop-Up
  7. Click OK.

Select Local File: Zip Archive

Embed Code

  1. Select the web object you want to edit.
  2. In the Properties panel, click Embed Code.
    Web Object Property: Embed Code
  3. A pop-up will appear.
    Embed Code Pop-Up
  4. Copy and paste your embed code here.
    Embed Code Pop-Up with Code Added
  5. Click OK