Rise: Issue with an iframe
Jun 25, 2018
By
Stefan K.
Hello everybody,
I'm trying to insert a grapic as an iFrame within a rise project. During the preview, the graphic works perfectly however when I export the rise course as a "Web" type, it does not work anymore. The graphic from the iFrame will not displayed - the screen stays white.
Here is the iFrame code:
<iframe src="//datawrapper.dwcdn.net/fiywI/1/" scrolling="no" frameborder="0" allowtransparency="true" width="600" height="400"></iframe>
The URL for the iFrame graphic is here: https://www.datawrapper.de/_/fiywI/
What do I wrong?
8 Replies
Hi Stefan,
Thanks for reaching out about this! After you published the content for web, did you host it on a web server? If so, does that web server support secure
https
content?Here's another test: what happens when you view the Rise "Share" link? Click here to see the Share link from the sample course I put together.
Hi Alyssa,
thanks for your reply. Your link works for me. No, I didn't host it on a web server. I've just unzipped the ZIP-file and startet the index.html file, since I want to test it.
Ah, okay. That could explain it. Embedded web content won't work offline unless you have an active internet connection. Let me know if the iFrame is still blank, even after hosting it online. If it is, we'll keep digging!
Hi Alyssa,
I was online when I checked the Rise-course (I checked it again several minutes ago). But maybe, I can check it again after I host it online.
Keep me posted, Stefan! If you're still not seeing the iFrame content after the course is hosted online, we'll want to dig into this a bit more. Thanks!
I'm having a similar problem. My web page appears as expected when added without the iFrame tags. But once I add the iframe I just get a blank space.
Ok, I think I might have gotten somewhere. It appears (in my case at least) to be to do with the second quote mark in the iframe. Somewhere along the line it was being changed to a different type of " and that was causing the problem.
In the end, I fixed it by playing around with the try it yourself settings Here:
https://www.w3schools.com/tags/tag_iframe.asp
Hopefully this can help someone else out.
Thanks Steve for sharing - I've seen the same thing occur and we do have a few other common troubleshooting steps for issues with embedded content detailed here.
This discussion is closed. You can start a new discussion or contact Articulate Support.