Jump to content

Trying to use iframe to add an interactive map from Adobe Animate, and its not working

Recommended Posts

I am trying to add an iframe to my Squarespace page, and it isn't working. I get a page not found error AND the window is cut off to about 288 pixels wide.
I used "code" block and added:
<iframe src="https://demos.xpodigital.com/SDMap/index.html” width="1080" height="1080"></iframe>
but it doesn't work and I am unsure what I need to edit/add or do to make it work. Though I am using the exact URL, I keep getting a 404 page error. From there I can actually link to the map, by navigation in the tiny window, but that is NOT ideal! lol


Has anyone done this with success? if so, how?

Any help is appreciated

Screenshot 2024-07-10 at 6.23.14 PM.png

Link to comment
  • Replies 1
  • Views 151
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

in case somebody opens this looking for an answer, I found it on the Adobe Forums. I wanted the map centered, so I added <center> codes to the front and back, but they aren't necessary.

the code that worked was:
<center><iframe src="https://demos.xpodigital.com/SDMap/DolphinSwan-LED-Mapv2.html" scrolling="no" style="width:1080px; height:1080px; margin:0; padding:0; border:none; overflow:hidden"></iframe></center> 

Link to comment

Create an account or sign in to comment

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

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.