10 Replies
scott mangold

Hi Karl, thanks for your reply.  I think I discovered the answer right after hitting send.

First, I tried entering only a height declaration only using iframe height attribute:

<iframe src="https://www.blah.com/index.html" height="600"></iframe>

I also tried appending the height declaration with px, even though this is not in the html spec (but it is observed in the following Rise article). Both of these resulted in the iframe running off the length of the page vertically (see attachment).

Second, I tried css style attributes.  CSS styling would be my preferred method:

<iframe src="https://www.blah.com/index.html" style="height: 600px; width: 600px;"></iframe>

This resulted in the style code being ignored and removed from the iframe markup.

Finally, I was successful when using both height and width iframe attributes:

<iframe src="https://www.blah.com/index.html" height="400" width="400"></iframe>

The last thing I discovered is that these properties do not control the size of the frame in a traditional 'absolute pixel value' sense.  They seem to define a fixed aspect ratio to responsively render the iframe. So using height="1" with="1" renders the same as height="400" with="400".


Jhonatan Kanauber

Hi Alyssa, i got a similar situation here. Is there a way to make the embed width smaller than the highlighted "Small" option? Or maybe fit to the code?

I'm trying to embed a custom code snippet (using bold text to highlight) in Rise but i can't seem to make it work. Thought of images already but learners need to copy/paste text on system terminal in order to make it work. Can you help please?

Tried using this tool, none of the Embedly really helped up until now.

Thanks in advance!

Chino Navarro
Nancy Montes


I embedded a question in rise 360 and when I modified the size in the iframe I have to leave a greater height that I want to (which shows a lot of unwanted white space on the computer view), so that the phone view shows all the options of the question (see attachment). Is there a way to get all the options of the question in both views without having to add so much white space in the computer view?

As you will see in the code, we don't want to see the scrolling bar because it is distracting for just one simple question.

Here is the code that I am using: 

<iframe src="https://ufl.qualtrics.com/jfe/form/SV_daN44sV8shM3noO" height="1" width="1.5" scrolling="no"></iframe>