Forum Discussion
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.
- DocumentationTeCommunity Member
Hello. Any updates on this issue?
- hazelBStaff
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.
- KailaSimoneau-5Community Member
Hello! I am having a similar challenge. Is there an update on this?
- MortenSrensen-aCommunity Member
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
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"" scrolling="no"></iframe>
- MortenSrensen-aCommunity Member
Thanks a lot, Christopher - I don't understand height="“295px"" but it seems to work...
Kind regards,
MortenHi 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.
- JMAACommunity 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...