Embedding an iFrame into Qualtrics | Experience Community
Skip to main content
Solved

Embedding an iFrame into Qualtrics

  • June 14, 2021
  • 2 replies
  • 2703 views
C

I'm creating a text/graphic question with an online game embedded with HTML code. Although I can adjust the length and width of the game using the HTML code, apparently that does not guarantee that every respondent who takes the survey will experience the dimensions of the game in the same way (due to differences in display settings on personal screens/monitors). Is there any way for me to adjust the HTML code so that any respondent sees the exact same dimensions no matter what their display settings are on their personal screen/monitors?
For reference I've provided the HTML code below. Thanks so much!



Best answer by ahmedA

Move the iframe out of the div and set its dims directly.
This way, the iframe will always be 300x300, but if the screen size is smaller, then it will provide a scroll bar.

2 replies

A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • Answer
  • June 14, 2021

Move the iframe out of the div and set its dims directly.
This way, the iframe will always be 300x300, but if the screen size is smaller, then it will provide a scroll bar.

    S
    Level 1 ●
    Forum|alt.badge.img+1
    • slindquist
    • Level 1 ●
    • May 24, 2023

    Hi there, Im trying to accomplish the exact same thing. What does it mean to “set its dims directly.” Are you still setting the dimensions within HTML code?

    Here is my current code:

    <iframe src="https://play2048.co/" width="100%" height="300" style="border:1px solid black;" title="2048 Puzzle Game"></iframe>

     

    Thanks very much for any info

    Terms & ConditionsAccessibility statement