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

Mar 23, 2021

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

9 Replies

Renz Sevilla
Staff

3 years ago03/23/21 at 10:57 pm (UTC)

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.

2 years ago04/26/22 at 2:34 pm (UTC)

Hello. Any updates on this issue?

2 years ago04/29/22 at 9:46 pm (UTC)

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.

Kaila Simoneau

10 months ago07/10/23 at 8:14 pm (UTC)

Hello! I am having a similar challenge. Is there an update on this?

Morten Sørensen

7 months ago09/29/23 at 12:48 pm (UTC)

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

7 months ago10/04/23 at 10:03 pm (UTC)

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:

iframe block

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"" scrolling="no"></iframe>

Morten Sørensen

7 months ago10/05/23 at 9:19 am (UTC)

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

Kind regards,
Morten

7 months ago10/05/23 at 4:36 pm (UTC)

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.

JM AA

4 months ago01/09/24 at 10:26 am (UTC)

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...