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
Crystal Horn

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.

Lindsey Brockish

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

This discussion is closed. You can start a new discussion or contact Articulate Support.