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
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers πŸ‡«πŸ‡·'s Topics
  • France Designers πŸ‡«πŸ‡·'s Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

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


Badges

Found 56 results

  1. Site URL: https://www.drneilkudler.com/questionnaire/ I am at my wits end with this form. I implemented this JotForm a few months ago and recently when patients come to the questionnaire page the form will pop up just for a second and disappear completely. When I go into edit mode there is a little "scripts disabled" warning at the bottom of the block. I've tried just using the iFrame with out the javacript coding. I've made sure that all of the web addresses in the form code start with https. I've followed just about every tutorial out there. Does anyone have any insight as to what is going on here? The address is: https://www.drneilkudler.com/questionnaire We're running on 7.1 so there is no way to change any Ajax settings. The code block itself is: <iframe id="JotFormIFrame-201435079579059" title="Pre-Visit Questionnaire" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://hipaa.jotform.com/201435079579059" frameborder="0" style=" min-width: 100%; height:539px; border:none;" scrolling="no" > </iframe> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-201435079579059"); if(window.location.href && window.location.href.indexOf("?") > -1) { var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } window.handleIFrameMessage = function(e) { if (typeof e.data === 'object') { return; } var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) { return; } switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; case "loadScript": var src = args[1]; if (args.length > 3) { src = args[1] + ':' + args[2]; } var script = document.createElement('script'); script.src = src; script.type = 'text/javascript'; document.body.appendChild(script); break; case "exitFullscreen": if (window.document.exitFullscreen) window.document.exitFullscreen(); else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen(); else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen(); else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen(); else if (window.document.msExitFullscreen) window.document.msExitFullscreen(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script>
  2. Hey, I'm trying to add CSS code to allow a video to play/feature in an image block, instead of a photo. I'm not sure how it works, but here's what I've tried so far. Thanks!
  3. Site URL: https://thaa.co.uk/vr-gallery Hi I'm trying to add a virtual tour to my site (page link VR Gallery). The virtual tour is hosted by a third party server. I'm trying to use an iframe to link to it. When I'm in edit mode the iframe works, it loads the virtual tour and I can interact with it. This is the code I'm using <iframe width="1200" height="800" src="http://vrpropertyuk.com/VRTour_THAA VRTEST/index.htm" scrolling="no" frameborder="0" style="border:none;overflow:hidden;"></iframe> Any help is much appreciated. Edit: Fixed this issue, just changed http to https
  4. 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.
  5. Site URL: https://plantain-icosahedron-rn87.squarespace.com/config/design Hey - Please could someone help me resize the iframes I have embedded on this site? There are numerous iframes and they show fine on desktop but way too long lengthways on mobile. Cannot seem to find the right code anywhere!! Thank you!
  6. 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! :)
  7. 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.
  8. Site URL: https://takomaparkpc.squarespace.com/ I've added Custom Code with an iframe on the home page. It displays correctly in Edit mode, but becomes an empty box when live. Could this be because it is in a column? Any other ideas? We're running 7.1 with Premium Blocks. Thank you! Code: Edit: Live:
  9. Hi all, I am trying to embed a MS Forms and I get 2 scroll bars. I've tried adding scrolling=no to attribute but the scroll bar still appears (in addition to browser's scroll bar) <iframe width="100%" height= "100%" scrolling="no" src= "https://...&embed=true" frameborder= "0" marginwidth= "0" marginheight= "0" style= "overflow:hidden; border: none; max-width:100%; max-height:100vh" scrolling="no" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe> I've changed height to 100% from 1000px (which was in original code) and the form looks like attached. So I changed it back to height 1000px, the form shows but even with scrolling="no", I get 2 scroll bars in browsers. Thanks
  10. Site URL: https://www.cleanpress4less.com/schedule-your-pickup#/ Hi, how can I convert this code to iFrame? <link href="https://cleancloudapp.com/webapp/public/webapp/cleancloud.css" rel="stylesheet" /> <div id="myStoreContainer"></div> <script type="text/javascript" src="https://cleancloudapp.com/webapp/public/webapp/cleancloud.js"></script> <script type="text/javascript"> CleanCloudWebApp("#myStoreContainer", 12858, { width: 'auto', height: 700, welcomeMessage: true, "theme": { "border": { "visible": true, "color": "#dddddd", "width": 1, } } }); </script> This is the view that is embedded on my site. This view is incorrect. It won’t show available Pickup and Delivery times. How my site looks: This example is from the software website that gave me the code. It shows available Pickup and Delivery times. Here is what my website should look like:
  11. hi everyone, I'm inserting an e-learning storyline into a page on the website and I've used this coding: <center> <iframe src="https://www.walkgroveonline.com/Probation_Institute/2020_Updates/Direct_Link/story.html" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="100%" allowfullscreen> }</iframe></center> Is there some custom way of allowing this to be made full page by the user or at the very least a way of me increasing it to fill the page more? Many thanks.
  12. Hello, I'm trying to increase the size of the text within the CARD IMAGE layout in Avenue template for mobile. Currently, the description text after the header within the image card is a larger font. I would like to make it smaller - in relation to the header (as it is when viewed on desktop). The URL: https://www.onebreath.eu/mbsr So in the example URL, I would like the greek text to be a smaller size than the text "Mindfulness Based Stress Reduction" when viewed on mobile. Thank you!!!
  13. Site URL: https://findnewhope.com/groups-beta Hello I am trying to place an iframe code on my site from a third part vendor we use for our Church Management System known as Church Community Builder. They provide us the code to place our group listing on our site. When I get the code added the block isn't near tall enough so you have approx 1 inch of the form showing and you have to scroll to see any of the form. How can I make the code block a different size to accommodate the information? Appreciate your help and feedback!
  14. Site URL: https://www.liiingo.com/thank-you I have created a form in ClickUp that is supposed to be embedded via an iframe. When I put the code in as an HTML code block, I can see the instructions of the form when editing, then I get a Script Disabled message (which, from what I can tell, is standard protocol when in edit mode). When I go to the live page, the form instructions show; however, none of the fields show. It only displays instructions and the submit button. The form URL is being served over https. I'm not seeing any error messages in the developer console when I load the page. Here is the embed code provided by ClickUp: <iframe class="clickup-embed clickup-dynamic-height" src="https://forms.clickup.com/f/16d4c-35/GRM1QYLNFJ51HX106H" frameborder="0" onmousewheel="" width="100%" height="100%" style="background: transparent; border: 1px solid #ccc;"></iframe><script async src="https://app-cdn.clickup.com/assets/js/forms-embed/v1.js"></script> When I open the code block in the editor, the closing iframe tag is highlighted yellow, which leads me to think there is something stopping the iFrame from displaying properly. I know the form is public because I can see the form instructions when I browse to it. I've confirmed that the form is live and publicly available (I can navigate in a browser to the provided URL) without issue. Any thoughts on what might be preventing the fields in the form from displaying completely in the iframe? I tried removing the style element just in case the HTML was not wanting to render the inline styling, but that didn't have any effect either.
  15. Site URL: https://www.whobuiltme.com/built-database Hi, I'm trying to embed a PowerBI report into my Squarespace site with an iframe code. When I do, I see nothing show up in the space in the editing mode on Squarespace, but when I open an incognito window in chrome and navigate to the page, I can see the report just fine. Is there a reason it isn't showing up in the Squarespace editing mode? And is there a way to fix that so I can make edit while being able to see my page as external visitors do? Thanks!
  16. Site URL: https://www.shawresourcesinc.com/this-is-a-test Hi, Whenever I embed an iframe into my page, it removes the page's header image. How do I fix this?
  17. Site URL: https://www.fathomrecruitment.com/ Hi Team, I am on the struggle trying to embed this a website on https://www.fathomrecruitment.com/careers The code I am trying to embed with no avail is this: <iframe width="100%" height="400px" allowfullscreen frameborder="0" src="https://s3.us-east-2.amazonaws.com/fathomrecruitment-careers /index.html"></iframe> I get an error: Our system has encountered an error. This exception has been automatically logged and reported. YN22KS5B6XMCBKF6WP5H Any help would be greatly appreciated. Cheers! Joe
  18. Site URL: https://www.thedystopiantribune.com/ Hey folks, I'm trying to start a satirical news site right now because I'm in quarantine and I need a new hobby. Anyway, i wanted to set up some ads for my site and for the most part they seem to be working but I'm having a helluva time getting rid of the white space underneath the amazon banner ad. Can someone tell me what I should add to this code to get rid of that extra space? I have no idea what I'm doing. I modified the code already, once to add a blank iframe to act as a spacer. (Before I added this, the banner ad was being overlaid on top of my header) I also added the "Center" instructions to the amazon banner javascript to center the banner ad. Here's the code: <iframe style="border:none;" frameborder="0" width=”0β€³ height=”0β€³ ></iframe> <center> <div class="alignleft"> <script type="text/javascript"> amzn_assoc_ad_type = "banner"; amzn_assoc_marketplace = "amazon"; amzn_assoc_region = "US"; amzn_assoc_placement = "assoc_banner_placement_default"; amzn_assoc_campaigns = "kindle"; amzn_assoc_banner_type = "category"; amzn_assoc_isresponsive = "true"; amzn_assoc_banner_id = "1TC354VDT8N1C85H82"; amzn_assoc_tracking_id = "reneb140b-20"; amzn_assoc_linkid = "f3c3881a44074245d227beaa97eb0f"; </script> <script src="//z-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1"></script> </div> </center>
  19. Site URL: https://bradwellb.co.uk/virtual-exhibition/ Hi, I am wanting to create an image with buttons on top in certain locations of the image, like 10 buttons to an image. When you click on the image you can view a Pdf or image of the file. Is this something that can be achieved on Squarespace?
  20. Hi, I am starting to put together a website and have a live stream webcam that is inserted via an iframe. I have added the code block and put the iframe code in at which point it displays in the editor however, when viewing out of edit mode it doesn't display and is just a blank area. Any advice? Thanks
  21. 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?
  22. Site URL: https://www.reflectivephotography.co.uk Hi. i have been working on 360 spins and have found that the only way i can get these into a page on my site is to use iframes. However i am no programmer and am having trouble doing the code for it and what to use it to place inside so that i can have it show on my site within a block. I have the 360 spin stored on a free server for the moment at https://360spins.000webhostapp.com/cream/edits_5.html I just need help with how to write the code to make this show up inside my sqaurespace site. Please help.
  23. Site URL: https://ebhutch.com/websites Hello, I am trying to showcase a Squarespace site that I built for a friend here: https://ebhutch.com/websites As the attached screenshots show, the iframe appears correct on the backend – looks like I want it to look. But on the frontend, using a VPN to visit my site, it looks like the other screenshot. Any ideas? Thank you!
  24. 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
  25. 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 πŸ™‚
Γ—
Γ—
  • Create New...