Rise iFrame embed code 100% height
Aug 19, 2019
Hello,
I have the following iframe code
<iframe width="1000" height="700" frameborder="0" src="#"></iframe>
I need to set the height to 100% not sure how to achieve this does anyboady can help me?
I try the code below but on the mobile version it doesnt display my complete form
<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="2250" src="#"style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="1000"></iframe>
Unfortunately, I can not share the link but is to a smartsheet form
Thank you,
Daniela
8 Replies
Hi there, Daniela. I was able to recreate this behavior with embedded Smartsheet content on an iOS mobile using Safari. An Android device using Chrome displayed the content as expected.
I'm going to have a look at this behavior with my team, and we'll keep you posted here. I'm sorry I don't have a workaround for iOS devices at this time.
Thank you, Crystal for your help. I'll also keep looking at solutions
Hello, Crystal, I have an update
Seems that iFrames don't scroll on safari mobile phones and ipads or tablets
So my solution was to add a button on top of the iframe with the link for people using iphones or tablets.
That's a great workaround, Daniela. Thank you for sharing!
Hi, everyone!
I wanted to circle back here to share an update — we're no longer seeing an issue where embedded forms won't scroll correctly on iOS devices.
If you are still seeing this issue on your side, please let us know! We'll take a closer look.
Hello,
I'm having an issue embedding a Smartsheet form into my Rise course, as well. The iframe code itself is displaying in the preview and publish versions. I tested the embed code separately and got it to work when I removed "https:" (which is a tip I found in a related thread).
Here's the code taken directly from Smartsheet:
<iframe width="900" height="600" src="https://app.smartsheet.com/b/form/5038262c9a8149198120ee6c5980bfc1"></iframe>
I've tried removing "https:" and the size parameters.
Any help is greatly appreciated!!
-Lindsey
Hello, Lindsey!
The following iframe code worked perfectly for me in a multimedia embed block:
<iframe src="https://app.smartsheet.com/b/form/5038262c9a8149198120ee6c5980bfc1"></iframe>
Give that a try, and let me know if it works for you, too!
I was using the wrong block type. Thanks so much for your help. :)
This discussion is closed. You can start a new discussion or contact Articulate Support.