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

8 Replies

Renz Sevilla
Staff

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

over 1 year ago04/26/22 at 2:34 pm (UTC)

Hello. Any updates on this issue?

over 1 year 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

5 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

2 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

2 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

2 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

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