# Problem with hidden IFRAME element

**URL:** <https://community.evolveauthoring.com/t/problem-with-hidden-iframe-element/4084>\
**Category:** All-New Evolve - Feedback\
**Tags:** component\
**Created:** [March 2, 2026, 12:10pm UTC](https://community.evolveauthoring.com/t/problem-with-hidden-iframe-element/4084 "2026-03-02T12:10:01Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anders](https://avatars.discourse-cdn.com/v4/letter/a/59ef9b/32.png) [@Anders](https://community.evolveauthoring.com/u/Anders)\
**Post date:** [March 2, 2026, 12:10pm UTC](https://community.evolveauthoring.com/t/problem-with-hidden-iframe-element/4084/1 "2026-03-02T12:10:01Z")

</div>

I realize it’s a big ask, but would it be possible to somehow render content of Hidden (Iframe) when first show, even when the element is hidden?

My problem is that the content of my Iframe(s) are very container size dependant and when the element is hidden from start, they don’t render properly. Once revealed they look awful.

I’ve created a quick sample of the problem with one IFRAME visible from start and one hidden, that clearly shows the issue: [SAP Flow 5 Resell copy](https://mybonanzafiles.bonanza.se/files/filestorage/EVOLVE/IframeProblem/index.html)

---

<div class="post-metadata">

**Author:** ![Matt\_Leathes](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/matt_leathes/32/586_2.png) [@Matt\_Leathes](https://community.evolveauthoring.com/u/Matt_Leathes)\
**Post date:** [March 2, 2026, 12:46pm UTC](https://community.evolveauthoring.com/t/problem-with-hidden-iframe-element/4084/2 "2026-03-02T12:46:27Z")

</div>

Not sure I see what’s going on here, I think the instruction here is incorrect:

 ![SAP Flow 5 Resell copy 2026-03-02 12-45-32](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/0/0fd213d937490f9977ca51e1a4a294879bdd5192.png)

I’m not sure if this will necessarily help but instead of setting the iframe element as hidden you could leave it visible then hide it on page load using a global logic action, maybe with a slight delay?

---

<div class="post-metadata">

**Author:** ![Anders](https://avatars.discourse-cdn.com/v4/letter/a/59ef9b/32.png) [@Anders](https://community.evolveauthoring.com/u/Anders)\
**Post date:** [March 2, 2026, 1:53pm UTC](https://community.evolveauthoring.com/t/problem-with-hidden-iframe-element/4084/3 "2026-03-02T13:53:51Z")

</div>

Oups it should be 1,2 and 4

---

<div class="post-metadata">

**Author:** ![Anders](https://avatars.discourse-cdn.com/v4/letter/a/59ef9b/32.png) [@Anders](https://community.evolveauthoring.com/u/Anders)\
**Post date:** [March 2, 2026, 2:13pm UTC](https://community.evolveauthoring.com/t/problem-with-hidden-iframe-element/4084/5 "2026-03-02T14:13:01Z")

</div>

Thanks Matt! That worked.

Having the element visible from start then hiding it through Page Loaded Event, and had to set Action delay to 1000ms 🙂👍