[Solved]Removing scrollbars in the Iframes

Submitted by Cyrille_ on Mon, 09/05/2022 - 12:26

Forums:

Hello all,

I a new user of H5P from few weeks.

I am not certain that this be related like a bug, then please change the category if it's not the case.

I have a problem with the integration of all H5P contents created and integrated into my HTML pages in Iframe (idem with the "object" html balise) :

I am not able to remove the scrollbars that appears.

Here is some informations about my configuration :

Lumi V 0.9.1 (deb),

Html pages are host on a simple apache server by OVH.

Same probleme in all browsers and media (smartphone etc.).

I tested CSS rules like "overflow:hidden" but didn't hide the scroll bar by no way.

Thank you very much for your eventual help, and a nice day to you.

Cyrille

Attachments:

ksnip_20220905-121955.png

otacke

Mon, 09/05/2022 - 17:55

Permalink

Hi!That's most likely because

Hi!

That's most likely because you did not add H5P's resizer script to the context that holds the iframe(s). H5P content inside the iframe needs it to communicate with the world outside of the iframe (cross-origin), in particular to tell the page that holds the iframe(s) that it/they need to be resized. And since it can't, you get the scrollbars.

So without being able to look at your sites' code, I assume when you copy the JavaScript file that I linked to to your server and load it in the page that holds the iframe(s) your problem will be gone.

Best,
Oliver

Cyrille_

Tue, 09/06/2022 - 05:48

Permalink