Notifications
Clear all

[Solved] Responsive Height no longer working

4 Posts
3 Users
0 Reactions
694 Views
Posts: 2
Topic starter
(@juleswebb)
New Member
Joined: 2 years ago
Hello

I purchased a new license for a new site and in getting that set up I found that the site with the original license was no longer working correctly - The iframe was not vertically responsive and right scrollbar was showing.

 
-------------------------------------

URL or original instance https://dcacupuncture.org/new-membership-application

Code on the above URL

[advanced_iframe src="https://asdc.wildapricot.org/widget/Join-us" onload='tryToEnableWACookies("https://asdc.wildapricot.org");' allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" loading="lazy" allowfullscreen]
<script type="text/javascript" language="javascript" src="https://asdc.wildapricot.org/Common/EnableCookies.js" ></script>
 
 
Script added to Parent site - https://asdc.wildapricot.org/Join-us

 
<script src="https://dcacupuncture.org/wp-content/plugins/advanced-iframe/js/ai_external.js"></script>
-------------------------------------
 

 I unsuccessfully tested the following (changes in bold)

----

Code on https://dcacupuncture.org/new-membership-application

[advanced_iframe src="https://asdc.wildapricot.org/widget/Join-us" onload='tryToEnableWACookies("https://asdc.wildapricot.org");' allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" loading="lazy" enable_responsive_iframe="true" id="responsive-iframe" allowfullscreen]
<script type="text/javascript" language="javascript" src="https://asdc.wildapricot.org/Common/EnableCookies.js" ></script>

 

Script on - https://asdc.wildapricot.org/Join-us

<script>
var iframe_id = "responsive-iframe";
var updateIframeHeight = "true";
var enable_responsive_iframe = "true"
var hide_page_until_loaded_external = "true";
</script>

<script src="https://dcacupuncture.org/wp-content/plugins/advanced-iframe/js/ai_external.js"></script>

------------------------------------------

Can you help me sort this?

I appreciate your time!
Jules Webb

Topic Tags
3 Replies
TinyWebGallery
Posts: 925
Admin
(@admin)
Prominent Member
Joined: 16 years ago

Please check your javascript console:

Uncaught ReferenceError: tryToEnableWACookies is not defined
at HTMLIFrameElement.onload ((index):834:777)
modules.ttf:1 Failed to load resource: the server responded with a status of 404 ()
Join-us:1 Refused to load the script 'https://dcacupuncture.org/wp-content/plugins/advanced-iframe/js/ai_external.js' because it violates the following Content Security Policy directive: "default-src 'self' 'unsafe-inline' 'unsafe-eval' *.appointlet.com *.appointletcdn.com *.aptrinsic.com *.bam.nr-data.net *.cloudflare.com *.elev.io *.facebook.com *.facebook.net *.google.com *.googleadservices.com *.google-analytics.com *.googleapis.com *.googletagmanager.com *.gstatic.com *.linkedin.com *.newrelic.com *.pagespeed-mod.com *.twitter.com *.uservoice.com *.youtube.com *.zdassets.com *.zendesk.com *.zopim.com caas-sf.wildapricot.org maps.googleapis.com sf.wildapricot.org widget-mediator.zopim.com wss://widget-mediator.zopim.com/ youtube.com". Note that 'script-src-elem' was not explicitly set, so 'default-src' is used as a fallback.

You do not allow to load ai_external.js.

You need to add this to your Content Security Policy.

Best regards,

Michael

Reply
Posts: 2
Topic starter
(@juleswebb)
New Member
Joined: 2 years ago

Thank you for pointing me in the right direction!

I've resolve the issue 🙂

Cheers!
Jules

Reply
Posts: 1
(@doriselroy)
New Member
Joined: 2 years ago

Thanks for the help. I resolved my issue. Many thanks for the help. As I was facing issue since many days. Now it's working. 

Reply