Forum Discussion

xavier's avatar
xavier
Community Member
4 years ago

How to remove the important white space at the bottom of a Rise Embed block ?

Hello Everyone,

I have created a Rise Embed block, using these settings :

• <iframe width="100%" height="1074" src="https://www.wikipedia.org"></iframe>
• Padding Top = No padding
• Padding Bottom = No padding
• Embed Width = Full Width
• Border = Unchecked


Then below, I have created a Rise Continue block, using these settings :

• Padding Top    = No padding
• Padding Bottom = No padding


When I preview the course, the iframe has a resulting height of 2209 px.
But it should have a height of 1074 px, as specified in the previous settings.

There is a white space between the Wikipedia page and the Rise Continue block.
This white space is 1135 px high (= 2209-1074), therefore it is an important waste.

How to remove the important white space at the bottom of a Rise Embed block, in order to avoid the waste of space ?

Note: I have checked the heights, using the Web Inspectors of Safari & Chrome.
Note: The Wikipedia URL is an example, and the entire page is 1074 px high.

Thank you for your help,
XL

  • HI Xavier! Thanks for reaching out! We have this documented. I was able to reproduce the issue and I will report this bug to my team. Thank you for letting us know about this. We'll reach out once we have an update for you.

      • hazelB's avatar
        hazelB
        Staff

        Hi there! We don't have any news to share about this yet. We'll make sure to update this thread once there is a fix.

  • Hi. I have an iframe block:
    <iframe src="https://app.calconic.com/api/embed/calculator/6516be86a6b143001e1bf926" 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="295px" scrolling="no" style="width: 100%; border: 0; outline: none;"></iframe>

    I have a similar problem: theres is a huge amount of whitespace at the bottom of the block. 

    It is not a problem if I embed it elsewhere (not in Rise).. Is there any fix or solution to this?

    Best regards,

    Morten Sorensen

    • Chris-Santos's avatar
      Chris-Santos
      Staff

      Hi Morten,

      The whitespace looks to be an issue with the styling added to the block.  I removed that, and here is what it looks like now:

       

      Here's the updated <iframe> code:

      <iframe src="https://app.calconic.com/api/embed/calculator/6516be86a6b143001e1bf926" 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="“295px&quot;" scrolling="no"></iframe>

  • Thanks a lot, Christopher - I don't understand height="“295px&quot;" but it seems to work...

    Kind regards,
    Morten

    • Chris-Santos's avatar
      Chris-Santos
      Staff

      Hi Morten,

      That should just be height="295px".  Sorry about that.  You may also remove that particular line altogether, which shouldn't affect the appearance of the embed block.

  • JMAA's avatar
    JMAA
    Community Member

    This company is an absolute case study in letting customers down in a big way. Couldn't believe some of the massive bugs in their code. Then to find out people have been pointing it out for years. We're working on an open source solution that's already ahead of this product. Blows my mind. They've probably a large investment in developers working on misdirected features...