Forum Discussion

ElizabethGodwin's avatar
ElizabethGodwin
Community Member
6 years ago

Rise iframe embed issue

I am trying to embed a custom calculator in a Rise course using the Embed block option, and I'm having a very loooooooong problem.  Even though the iframe code defines the height of the item in pixels, the content block is showing as super long.

And when I try pasting just the share URL from the site, it cuts the calculator off!

Here's the code:

<iframe src="https://app.calconic.com/api/embed/calculator/5cfe7dbc0c34ed002687bd19" sandbox="allow-same-origin allow-forms allow-scripts allow-top-navigation allow-popups-to-escape-sandbox allow-popups" title="Calconic_ Calculator" name="Calconic_ Calculator" height="522px" scrolling="no" style="width: 100%; border: 0; outline: none;"></iframe>

Am I doing something wrong?

Thanks!

  • Hi Elizabeth!

    I simplified your iFrame code a bit, and now it works!

    <iframe src="https://app.calconic.com/api/embed/calculator/5cfe7dbc0c34ed002687bd19"></iframe>

    Check out that iFrame code in action in this Sample Rise 360 course. You can also change the width of the calculator in the block settings. 

  • CarrieWalton's avatar
    CarrieWalton
    Community Member

    Many thanks for this tip Alyssa, I've just had the same problem myself and followed your example and now it works! Really chuffed.