Manipulating/Switching out iframe content

[Former Community Member]

Hello all,

I'm posting in regard to an issue I'm currently experiencing in Adobe Target - this is with A/B testing.

We have forms on the website which are loaded onto the page via an iframe - the forms are currently located on another site.

We want to:

a) hide these forms on the website (hide the iframe)

b) show the new forms we have created on the website in place of the old forms

We have tried using display:none and visibility:hidden to hide the old forms and then add the new forms to the page but unfortunately this does not work in all browsers. This currently is only working in Firefox and Internet Explorer, which is odd.

Is anyone able to help us with this issue?

Thanks in advance

[richardlee]

I would double check display:none / visibility:hidden are being applied as theres no reason why they wouldnt work cross browser. Sounds like a selector or load order issue. If your still having issues maybe try hiding via parent element i.e. the DIV that encloses the iframe