Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Hi,

I have purchased the pro version of your plugin and was able to successfully pull in a responsive page from an external domain (Act-On). It's 90% of the way there, but I have one small issue. When the page loads, the iframe's height is perfect. When I resize the browser, the iframe doesn't adjust correctly for the responsive content inside. If I then refresh again, the iframe adjusts accordingly. This is the shortcode I'm using:

[advanced_iframe securitykey="............." use_shortcode_attributes_only="true" src="//marketconnectionsinc.actonsoftware.com/acton/media/6310/test-responsive-page" width="100%" height="" scrolling="no" id="advanced_iframe" hide_page_until_loaded_external="true" enable_external_height_workaround="true"]

Under the external workaround tab, I have these settings:

Resize remote iframe to content height: yes
Keep overflow:hidden after resize: yes
Hide the iframe until it is completely modified: yes
Write css directly: no

Then, in the external domain, I have added this script:
<script>
var updateIframeHeight = "true";
var keepOverflowHidden = "false";
var additional_styles_wrapper_div="overflow:auto";
</script>
<script src="http://marketconnectionsinc.emorydayclients.com/wp-content/plugins/advanced-iframe/js/ai_external.js"></script>

What am I still missing? I know I have to be close, but can't seem to figure it out. The test URL is:

http://marketconnectionsinc.emorydayclients.com/test-page/

Thank you!
Tana

Hi,

you have to enable the option responsive iframe in the administration and save the settings again.
The reason is that this setting does track changes of the browser window and this does then trigger the height calculation again.

Best,
Michael

I knew I was close! I guess I'd just been staring at it for too long. Thanks so much, it works perfectly now! I appreciate the help.

Thanks again,
Tana

.