Storyline Module Embed – Display Size Issue

Bahar_Bahadori

Greetings,

I am embedding a Storyline module into Canvas for our school. When I upload the ZIP file, Canvas provides three options:

Load as a graded assignment

Load as an ungraded assignment

Create a page based on the content

However, in all three cases, I do not have access to modify the HTML or adjust the iframe display settings. As a result, I am unable to control the frame size.

For this training, readability is critical. In its current embedded state, the module appears too small, and in some cases the text is very difficult to read. Since the instructional design relies heavily on visual clarity, this significantly impacts usability and the overall learning experience.

I’m concerned that without the ability to properly adjust the display dimensions, the effectiveness of the entire project may be compromised. Could you please advise on the best way to ensure the module displays at an appropriate size within Canvas? For example, is there a recommended method for embedding SCORM content with customizable dimensions?

Maeve_McCooey

Hi Bahar, this is how I embedded SCORM content, like Storyline, in Canvas pages previously:

1. Initial Upload: When uploading your ZIP file via the SCORM Editor, select the option "Create a page based on the content".
2. Access the Page: Open the newly created page by selecting "Open this package's assignment"(Page icon) in the SCORM Editor Table.
3. Enter Edit Mode: Once the page loads, select Edit, then choose the HTML editor icon (</>) to view the underlying code.
4. Adjust the iFrame: You will see an <iframe> tag within the code. You can manually adjust or add the width and height attributes here (for example, setting width="100%" and height="800px") and publish the page or continue to Step 5.
5. Flexibility: Once you have this iframe code, you can also copy and paste it into any other page or area where you want the content to be displayed in Canvas.

Hope this helps 😁