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

Search the Community

Showing results for tags 'iframe'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 38 results

  1. Site URL: https://riverdalians.ca/riverdalehall I'm getting this error in Firefox for the Google Calendar I've embedded at the bottom of the page: We're using the Bryant Template, and the codeblock causing the error is: <iframe src="https://calendar.google.com/calendar/embed?src=community.hall%40riverdalians.ca&ctz=America/Edmonton" style="border: 0" width="100%" height="650" frameborder="0" scrolling="no"></iframe> The content shows in Chrome version 80.0.3987.149 and Safari version 11.0.3, so what else can I do to prevent this content from appearing in Firefox? Thanks in advance.
  2. Site URL: https://www.thegoondocks.tv/contact Hi, I'm looking to include an iframe onto my site using the code block. I'm able to get it onto the site, but it's appearing small. I'm using the following code to input it onto the site. <html> <body style="height:100%;width:100%;" > <iframe style="height:100%;width:100%;border: none;" id="inlineFrameExample" title="Inline Frame Example" src="https://api.fotomasterltd.net/photo-mosaic-booth/live//presentation.html?clientId=1236250&eventId=1584549111249-2020-MARCH-WFH-Test10-100&columns=15&rows=15&focusOption=false" /> </body> </html> I've attached a video for reference. If anyone can help solve this issue I'm having it would be greatly appreciated. Thanks, Panda Mosaic Embed SS.mov
  3. Site URL: https://greg-holland-2020.squarespace.com/contact I am trying to make an iframe fill the banner so it looks more seamless...is it possible? https://greg-holland-2020.squarespace.com/contact pa33word It's on the contact page towards the bottom. Here's hoping someone can help 🙂
  4. Hello, I work for a software company. We are interested in designing a SquareSpace website and embed it in our help menu. The goal is that a client could be logged int their instance of our software, click the help menu and the SquareSpace site would open. Our goal is that they do not need to log in since they are already logged into their instance of our platform. I believe an iFrame would support this goal. Anyone have experience and pro tips to offer? Appreciate any and all responses! Thank you, Cindy
  5. Site URL: https://plateauwineandbeer.com/menu Hello! I've been using Squarspace off and on for over ten years now. I'm very familiar with how everything should work but not as much with CSS or HTML. We just bought a wine and beer bar, and had digital menus installed. Part of the digital menu service, (DigitalPour) is pulling in our real-time menu onto our website with an iframe. Seems pretty straight-forward but the CSS I've tried doesn't seem to be doing anything. On this page, (which is hidden for now): https://plateauwineandbeer.com/menu I've added an embed block and in the </> Embed Data area I've added the code that DigitalPour gave me: <iframe src="https://fbpage.digitalpour.com/?companyID=5db1af1a352726074c624780&locationID=1"></iframe> As you can see from the hidden page, the default formatting almost looks like it wants to be a mobile version. I've deleted any custom CSS code because it just wasn't doing anything. I'll check back on this post from time to time, or if you can help and want to email me directly, my email address is: lyra@plateauwineandbeer.com. Thank you so much for your time and expertise! Lyra
  6. Site URL: https://skithefifty.com This iframe code <iframe src="https://www.bivy.com/adventures/us/utah/cold-fusion-couloir-5286725048860672?framed=true" style="width:100%;height:500px”/> in both embed and code blocks causes the site navigation bar to not appear on the site page ( on desktop and eliminates the nav hamburger on mobile) and causes any other blocks on the page below it not to appear. The block with the code does appear. Page with iframe block problems: https://skithefifty.com/cold-fusion Similar page with no iframe block and no problems: https://skithefifty.com/grand-teton Any suggestions on what the issue is?
  7. Hope someone can help me. I am trying to use menu block to create a horizontal tab menu. On each tab I want to have an iFrame embedded, but the iframe is just blank: How can I make the content visible? Like on this page: https://www.selectedinvestments.dk/bonds
  8. Site URL: https://www.nyadorned.com/la-appts-original hello! I have a widget used on a page for a booking software that allows clients to make an appointment. I have never been able to get it centered. can anyone help me figure this out? the iframe code is supplied to me by the software: <iframe src="https://newyorkadorned821laartsdistrict.resurva.com/book?embedded=true" name="resurva-frame" frameborder="0" width="450" height="450" style="max-width:100%"></iframe>
  9. Site URL: http://www.shapelyevents.com/shop-1 Hello, I am trying to customize my shop page to show some things on top like deals of the week and new arrivals. I'm using the Anya template that is part of the Bedford family. I thought a secondary navigation would work but this template doesn't support that. On top I would like deals of the week, some new arrivals in the middle, and then the rest of the stuff to the bottom however I'm having a very hard time accomplishing this. On the bottom I would like to then add all the items from the shop page so people can view all. For some reason I am unable to edit the shop page and I'm trying to do a work around to make my page more dynamic. I've attached a couple of screen shots of what I would want the page to look like. The summary block only allows me to place 30 items so that wouldnt work being that I have 1) more than 30 items and 2) I would like people to be able to shop from this page. I tried iframe but its not working at all. It works when I take the page out of the index but 1) the frame is on the top 2) it looks all wonky and 3) It includes the whole page and i really just want the items. Is there anyone out there that can help? I've spent countless hours troubleshooting this. I'm open to all ideas that will give the user the experience I'm trying to achieve even if it's not using frames and using another method. And one question that I cant find the answer to is why am I not allowed to edit the shop page? Squarespace I hope you guys are working on a way to allow people to feature stuff because this is tiring,
  10. Site URL: https://www.truebluetahoe.com/home-test I'm adding an IDX property search to my site and get a double scroll bar on the right side. Any ideas for removing the iframe scrollbar? Thank you!
  11. Why won't Iframe targeting work? This should be dead simple. Have a codeblock with some links in the first div. The second div is an iframe. Each of the links in div 1 target the iframe in div 2. This is all in the same code block. On page load the correct initial embed is loaded in the iframe, but none of the links will load into the iframe target, and just navigate to the embedded page.
  12. Site URL: http://taylorroy.com/nautilab I use Squarespace for my portfolio site. They have a "block" that allows me to use embedded Adobe XD code (below) to show my app prototype. The prototype works fine but when the page loads, it automatically shifts half way down the page to the prototype. (Link to page) ``` <center> <iframe id="nautilab" width="414" height="736" src="https://xd.adobe.com/embed/afb3c48a-11a6-4296-73d9-068cd5b0c5ef-d982" allowfullscreen" frameborder="0"> </iframe> </center> ``` I would like for my page to remain at the top when fully loaded instead of jumping down mid-page to the prototype. I've tried countless solutions such as using sandbox, lazy loading, and loading on scroll view. I've tried using "data src=""" as well among other options. Unfortunately none of these solutions worked. The only time it doesn't jump down to the prototype is when it doesn't load at all (which happened with lazy loading, loading on scroll). How can I fix this? I'm able to use HTML, CSS, and JavaScript as well. My best guess is to delay loading the prototype until it's in view. The only other option would be placing the prototype at the top of the page, which is not what I want (it messes up the flow of the project). Any help is greatly appreciated!
  13. Site URL: http://www.unglaublech.ch Hi. In the brine template it seems impossible to resize an iframe block to full width of the block (not full screen). Does anybody know how to achieve that (maybe css)? Thank you
  14. Hi all, I am attempting to insert a "Client Portal" into my squarespace website. The service management software I'm using (mHelpdesk) has provided a snippet of code, and the directions say to copy and paste it into the website to create this client portal. So, I created a separate page (Client Portal), inserted a code block, and copied and pasted the following code into it: <iframe src ="https://secure1.mhelpdesk.com/SimpleSignIn.aspx?mhd_enc=UgHAQ7sd/rIy80k+cGc8wZrkYhUjiyius7ZSppP1MMs=" frameborder="0" width="100%" height="100%" scrolling="auto"><p>Your browser does not support iframes.</p></iframe> When I apply and save, nothing shows up. Completely blank. mHelpdesk support insists the problem is with Squarespace, and Squarespace support sent me here. Thanks in advance! Hannah
  15. We have a survey embedded on our site, but we can't figure out how to increase the height of it. It's only displaying the first question and the user has to scroll through the survey. The company told us to: - Here is a command you can paste in the source code of the website, Here is a command you can paste in the source code of the website, #DIV_7070887,iframe{height:800px !important} Here is the code we embedded on the page: (I changed the URL's) <script> EMBED_PARAMS = {}; EMBED_PARAMS.surveyID =7070887; EMBED_PARAMS.domain ="//www.questionpro.com"; EMBED_PARAMS.src ="//www.questionpro.com/a/TakeSurvey"; EMBED_PARAMS.width ="100%"; EMBED_PARAMS.height = null; EMBED_PARAMS.border = "hidden"; </script> <div id="div_7070887"></div> <script src="//www.questionpro.com/javascript/embedsurvey.js?version=1"></script> Any thoughts?
  16. I am trying to use an embed block on my Squarespace site to display the following iframe on a page: <iframe style="border: 0px;" width="120" height="430" src="http://mintillustrations.theprintbar.com/publish/ifeed?s=0&t=Products&o=0&f=Arial&fs=10&bg=%23FFFFFF&fg=%23000000&c=1&cnt=3"/> When I attempt to put the code in an embed block using the "embed data" field (not the URL field), the block displays a pixelated sad face page icon. Does anyone have any idea why this iframe code won't work with Squarespace, or ideas on how I could make it work? Thanks in advance!
  17. Hello! I'm trying to get an embedded form within an iframe to display its full height and would welcome any suggestions for tweaks or custom code needed to make it happen. Thanks in advance for your help! Template is Clay. Here's the page: https://pvactx.org/mailing-list.
  18. My website template is: https://corn-ellipse-dcg3.squarespace.com/ And I want a border to be placed around the video block on the home page, it's an embedded Youtube video. Can someone attach a code for me to use and put into the CSS to add for this to work. I need help ASAP. Thank you! :)
  19. Hi there - I'm going round in circles and hope the circle forum will be able to help!!! I'm trying to connect a site to a 3rd party using some custom code (its for a booking availability for bnbs). I tried just putting the html just in a code block or to embed it - but it doesn't render well. So I added some custom css but this is conflicting with the code so although it looks better it doesn't work properly. I've been advised by the 3rd party (who don't support) that I should use an iframe by creating a blank html page, inserting the code, and then in an embedded widget link to that html page. However, I can't create a blank HTML page on a squarespace site? Is this correct. I am therefor really struggling with what to do. Can anyone help: Custom CSS that is conflicting: .guesty-root-element { justify-content: center; } section#guesty-search-widget__datepicker input { max-height: 18px; } website is apom.squarespace.com and the password is test @brandon I wonder if you might be able to help as you have answered some similar questions?
  20. Hello! I'm trying to insert a coding block of some maps brought in from ArcGIS in a Brine template page, using some code suggested by ArcGIS. However, when the map is brought in, it's very tiny, and does not fill the entirely of the block. When I add any specific pixel widths to the code, it extends outward to the right so a majority of the map is out of view. I'd like to get it so that it at least extends the same width as the image at the top of the page. This is what I'm using: <iframe width=”100%" height=”750” frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://njrgp.maps.arcgis.com/apps/opsdashboard/index.html#/a856ba6b11df4a0bb5098b8ad1cadda3"></iframe> Sadly, my coding skills sort of peaked, then went into a coma around 1999, so I'm out of ideas trying to figure this out. Thank so much! Jason Wickersty
  21. Need assistance again with html code iframe too small. I previously used forum and received code below which help solve when page was HOME page: div#block-yui_3_17_2_1_1572567603013_10718 iframe { height: 600px; } Need help with following: First I I duplicated the HOME page and renamed it FEATURED LISTINGS and moved it to not link tab. Then I created button on footer and linked the FEATURED LISTINGS page. When I changed the code for featured listing, the frame is once again too small. https://www.guardianrealestate254.com Password to view site is: help
  22. I launched a newly designed site using the Mojave template just last month and all iframe embedded coding was functional on the live site. For some reason today it works in my editing window but not in the live view. Is anyone having this issue? No changes to coding has been made. Wondering if it is perhaps a browser issue but I don't know how to repair it. The code is this and I've confirmed no changes to the account holder/client's idxhome account so the link inside the iframe is still operable. Also in editing mode I can see the results just fine but in live mode it's just blank. The website is markdelgado.com (I have iframe at the bottom of the home page and in a feature listings page accessible from the Buy Now page. Here is the code. Grateful for any insight! <iframe src="http://markdelgado.idxhome.com/openhomes/137534" width="100%" height="2700" frameborder="0" allowtransparency="true"> <p>Your browser does not support iframes.</p> </iframe>
  23. on my home page I added a html iframe code and it is appearing too small. its a search for properties for sale. I think it has to do with coding: <iframe width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0"></iframe>
  24. Hi everyone, I've scoured the forums trying to find a solution to my problem. Here's the sample page I'm working on: https://www.mydryeyedata.org/symptoms-list/how-it-started I'm trying to embed an iframe element on my site (on a blog post, actually). I created a survey and want to have a blog post for summary data of each question, which is accessible by an embeddable link provided by the survey platform, which should go to this page: https://www.questionpro.com/t/ZRhJQhZGgEqYG. <iframe src='https://www.questionpro.com/t/ZRhJQhZGgEqYF' width='100%' height='600' frameBorder='0'></iframe> When I'm editing in Safari or in a private tab, I just see empty boxes. I tried chrome and once I allowed unsafe elements I got the grey frowny face saying "www.questionpro.com refused to connect". I've contacted them about why their embed isn't working, but I haven't ruled out that this is a Squarespace issue. Things I've tried: I know the url is https Putting the above code into a code block doesn't work; frowny face. Putting the url in an embed block says it's not valid. Using specific code in the embed block and adding custom CSS also doesn't work; small box and frowny face. I tried the following per a few help articles (e.g. https://answers.squarespace.com/questions/69710/why-cant-i-interact-with-iframe-content.html) Code in embed block (grey < / >): <div style="text-align: center; -webkit-overflow-scrolling: touch; overflow: auto;"> <iframe src="https://www.questionpro.com/t/ZRhJQhZGgEqYG"></iframe> </div> Custom CSS: (is height: 100% valid? I'm embedding like 100 iframes on my site, and some are a lot taller than 600px. I could also choose some random value) my-iframe iframe { height: 100%; width: 100%; margin: 0; padding: 0; border-style: none; /* to ensure proper scrolling and overflow handling on mobile devices, put this styling in a div wrapper around the iframe because it's unreliable in css: -webkit-overflow-scrolling: touch; overflow: auto; */ } Since chrome says www.questionpro.com refuses to connect, I've contacted them. I'm not sure if they'll be able to solve anything or if this is a square space issue. Btw when I put the embed code provided into something like https://html5-editor.net/ it also doesn't work, leading me to think that it's a QuestionPro problem. @alxfyv @Jay Wilson Jr @raptra @alxfyv Thanks in advance, I'll be sure to provide updates and let everyone know what worked.
  25. Hi, I am trying to embed an iframe booking engine onto my site that uses the maple template but it isn't working. Please find a link to how this looks: https://www.westcliffeapartments.co.uk/booking Ideally I would like this to fill the screen below the squarespace banner but it just fills a small portion of the page and crops the embeded page. Is there a way to fix this? Please see the code I am using below:
×
×
  • Create New...