Forum Discussion
RISE 360 - Refresh iFrame manually to load content in LMS
Hello, we are experiencing the same issue with new articulate courses displayed within iFrames in our LMS. The version used to generate the problematic course:
<!-- Created using Storyline 360 x64 - http://www.articulate.com -->
<!-- version: 3.88.32574.0 -->
The following console errors are also visible:
Error: <svg> attribute height: A negative value is not valid. ("-48.56944444444444")
setElAttrsAndProps @ bootstrapper.min.js:2
...
Error: <svg> attribute width: A negative value is not valid. ("-139.93055555555554")
at setElAttrsAndProps (bootstrapper.min.js:2)
...
Error: <svg> attribute height: A negative value is not valid. ("-8.125")
at setElAttrsAndProps (bootstrapper.min.js:2)
...
Error: <svg> attribute width: A negative value is not valid. ("-16.430555555555554")
at setElAttrsAndProps (bootstrapper.min.js:2)
...I have not had any luck reverse-engineering the minimized code path that triggers it.
Reloading the frame as you suggest does indeed fix the issue, thank you for the suggestion Kevin. We are introducing a temporary fix similar to yours.
I can also confirm that the issue does not present itself when the same course is loaded in a popup window, or loaded directly in a new window. It seems to be related exclusively to SCORM courses rendered within iFrames.
Hi CraigSmith-ff78,
Happy to chime in!
You can test your course in SCORM Cloud to see if the behavior you're experiencing is specific to your LMS. Here are my recommendations:
- Update Storyline 360 to the latest version
- Upload your course to SCORM Cloud
- Change this setting in the Launch Behavior section to simulate the course opening inside an iframe
If you can replicate the behavior in SCORM Cloud while using Storyline 360's latest version, please share a copy of your project file here or in private by opening a support case so we can test and analyze what's happening. We'll delete it when we're done!