increase height of personality quiz iframe

Submitted by robbiehontele on Mon, 02/13/2017 - 16:50
Forums: 
Content creation

I've created a personality quiz. Independing on what settings I use in the embed options, my iframe will always open width a height of 441px. Is there a way to increase the height of the iframe? Everything I try seems to be overwritten by the iframe itself.

Example: this script will still load a frame of 441px in height dispite adding a custom height to the iframe. 

<iframe src="https://h5p.org/h5p/embed/50065" width="1090" height="900" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

Content types: 
Personality Quiz
fnoks's picture

fnoks

Tue, 02/14/2017 - 08:40

Hi,

If you remove the resize script, the size set in the iframe will be used. I.e, use only this part:

<iframe src="https://h5p.org/h5p/embed/50065" width="1090" height="900" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

robbiehontele

Tue, 02/14/2017 - 09:15

Hi Fnoks, 

The height of the iframe does indeed increase. However, the height of the personality quiz itself, remains 441px. Is there a way to make this responsive?

Attachments: 
Image icon Screen Shot 2017-02-14 at 09.14.20.jpeg
fnoks's picture

fnoks

Wed, 02/15/2017 - 09:30

An H5P content type will inform the iframe what height it needs, not the other way around. Setting an iframe's height in a static way is really the opposite of being responsive. 

It would be nice to understand what you would expect seeing when increasing the height? E.g: should the image use more vertical space? Anyway, the implementation of Personality Quiz would have to be changed in order to change the behavior. It could e.g. be solved by adding a minimum-height parameter in the editor, and some css and/or JavaScript logic making sure the full height is utilized. The content type is found here: https://github.com/LumeniaAS/h5p-personality-quiz. If you are a developer, you may create a pull request!

AnnaMarkov

Mon, 04/08/2024 - 20:55

Hey, how can change the image size when implementing the personality quiz to my wordpress site? I mean the images that go into each question. It seems to have one (rather small) size and I don't see how to enlarge the image?