Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

iframe Code Working In Edit Mode But Not When Published?


clary

Question

Site URL: https://guitar-perch-t8w6.squarespace.com/get-data

The content of an iframe appears in edit mode but not at all when published. I'm wondering if it's because I'm requesting from an http site and not an https one. The code I'm working with is:

<div style="border: 0px solid #D5CC5A; overflow: hidden;"><iframe style="border: 0px none; margin-top: -85px; height: 985px; width: 100%;" src="http://bmpdatabase.org/tools/stats_map/v2/#/map?owner=bmpdatabase" scrolling="no">
</iframe></div>

Any help would be appreciated!

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

It worked! You are my new best friend.   *sends drinks down bar to New Best Friend.

Posted Images

2 answers to this question

Recommended Posts

  • 0

Hi @clary,

Yup - you guessed it! Here's the error showing in Chrome console:

image.thumb.png.9f9032dc4595de1a4c676fe592946e6f.png

You should be able to simply change the http to https, since the page you're embedding appears to already support it:

<div style="border: 0px solid #D5CC5A; overflow: hidden;">
  <iframe style="border: 0px none; margin-top: -85px; height: 985px; width: 100%;" src="https://bmpdatabase.org/tools/stats_map/v2/#/map?owner=bmpdatabase" scrolling="no">
  </iframe>
</div>

With this expected result:

image.thumb.png.bff32d2186e58ac9c9e07e0cc7c55f42.png

Hope this helps!
-Tyler

Edited by tcp13

Is your Squarespace website ADA compliant? Find out in 60 seconds with our free accessibility audit!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...