Hi All I’ve been working with adding a lottie animation into my a course, which i have acheived using the iFrame components and uploading the index.html into the embedded content section. However the animation doesnt seem to fill the width of the container. For example If i add an image to the sim…

Does you embed code contain any width or height variables in it? If so you could swap these for 100%? You can DM me the embed code if you like and I can test it?

Hi @hbailey Thanks I’ve sent you a DM. :slight_smile:

[image] nath: Is there a way to set the embedded content to go full width of the container (in this case a full width component) in the same way a png/jpg would behave? IIRC Lottie animations are SVG-based… and the thing with SVGs is that they don’t have a fixed width or height… which is why …

Revisiting this topic again and still haven’t got this to work. This time I’m revisiting with a Rive animation in an iframe in case that makes a difference. But sadly no matter how I set the height (manually or automatically) the animation doesn’t scale as you would expect :frowning: So if the lear…

A quick test demo video using an uploaded animated SVG in a graphic component rather than an iframe which is how I imaged the iframe to behave :smiley:

Have you tried using the iFrame Height Selector ? You can use this to get Evolve to read the height of a specific element within the iframe - rather than using the height of the iframe document itself.

Embedded IFrame content not full width?

Legacy Evolve General Help

nath November 29, 2021, 2:07pm 3

Hi @hbailey Thanks I’ve sent you a DM.

Topic		Replies	Views
Video Bars at the Top and Sides of my iFrame Videos General Help component , design , video	4	63	May 19, 2025
How to adjust the display size of an iFrame component General Help	3	739	July 21, 2021
Upload lotties code to Evolve General Help component	15	161	August 30, 2024
Set height of IFRAME for different devices? All-New Evolve - Questions component	5	40	May 19, 2026
Full width iframe embed in Moodle page General Help	1	969	March 14, 2019

Embedded IFrame content not full width?

Related topics