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

Search the Community

Showing results for tags 'form-block'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://redbow.org.nz/coming-soon-v02 Hi I'm struggling to get my form aligned and Im not being able to make it. I need my inputs and button next to the other. Is it possible to float form items next to the other? Thanks in advance
  2. Hi there! I was wondering if there is code for the following things I need on a lightbox pop-up form on my site: Change color and fonts on the form. Add an image to the top of the form. Add a text description at the top of the form. Any help is greatly appreciated. Thank you so much in advance!
  3. Ok, I hope someone can help! I can see in my analytics that forms were submitted, however I did not receive any of them. Long story short, my email was not set up correctly which was my storage method. I am wondering if there is anyway that Squarespace has access to these forms. Wishful thinking.
  4. Site URL: https://www.tgtfresh.com/seafood-form/ Hi, I've got a form with quite a long list of radio options, and was wondering if there's a way to make it show in 3~4 columns, thanks. to add
  5. Hi. I created a form that includes an address capture. I need to delete/suppress the Country field as it's not applicable. Also, the second line of the address field. Can someone hook me up with the CSS? TIA!
  6. Site URL: https://byalliegross.com/get-in-touch I had to use code to change the color of the text to white when you type in forms for my client's site, and it's working for every field except the message field, which still comes up black. Is there anything I can do to fix it? Here's the code I used: #block-yui_3_17_2_1_1621308086578_4461 input {color:white!important} #block-f13bf122e57597604cf0 input {color:white!important} #block-yui_3_17_2_1_1621308086578_4461 input {color:white!important} Thanks!
  7. Site URL: https://www.tobyroney.com Hi, I am looking to make a custom form whereby if a customer selects 'YES' from a dropdown, more questions for them to answer will appear. If they select 'NO' no additional questions will appear. Is this possible?
  8. Site URL: https://www.eogc.dk/ Hi all, Is it possible to remove the border (see picture), when clicking on the input field? Website: https://www.eogc.dk/ Best regards
  9. Hello everyone. So I have a standard form. It starts off as a button. People fill in their information. And my client receives an email regarding the inquiry. The problem I'm having is that the notification emails are very bare. It looks likes this: Sent via form submission from Selling the Cariboo's Most Inspiring Homes Name: John Doe Email: john@pretendemail.com Subject: Hello Message: I am interested in this house I would love my client to receive more information about the inquiry. I've added placeholders and descriptions to the form but they don't filter through to the emails the client receives. Anyone has any ideas on how this can be accomplished? I also need to be able to change this for every form I create instead of one site wide setting. Thank you for any help in advance. JD
  10. I have a form block that is set up as a lightbox (so it opens when the button is clicked). I want the page to load with the lightbox open, so that the form functions more like a popup. I'm trying to make this work in both 7.0 and 7.1, though I don't think that will make a ton of difference here. The promotional popup isn't an option here because it doesn't allow for the number of different things I need to collect from the person filling out the form. I found a bit of script that seems like it should be steering me in the right direction, but the button itself doesn't have an ID, so I'm not sure how to make it work, or if there's a better way to do it. <script> $(function () { window.onload = $('#submit_btn').click(); }); </script>
  11. How do I create a form block for clients who cancel appointments? For example, if a client cancels their appointment I want a required form titled "Reason" to appear before they can do so.
  12. Site URL: https://www.superbugs.online/feedback-pupils Hi, is it possible to stack checkboxes in form fields so that they appear in columns rather than side by side? We have a few feedback forms on our website, and the default design looks rather messy, especially on smaller screens.
  13. Site URL: https://www.camfaud.co.uk/accounts-1 I would like to add a Terms Agreement text panel to a form that doesn't have a corresponding field to be filled in. So it is more like an explanation. At the moment I have a required tick box for people to agree to the Terms Agreement but this text disappears on the submission form. My client requires this text for legal reasons. Any ideas? Thanks
  14. Site URL: https://texaspremier.org/13u-state-championship Hello! I'm trying to match the sizing and styling of my Form Buttons to that of my medium-sized "normal" Buttons. For my medium-sized "normal" button, I am using the following code to span the width of the block: /* Medium Button Styling */ .sqs-block-button-element--medium { width: 60% !important; } I would like to line up my Form Button next to a row of medium-sized "normal" buttons but I cannot get the sizing and styling of the Form Button to match. Does my question make sense? Can anyone assist with this issue? Site: https://texaspremier.org/13u-state-championship Password: UnderConstruction
  15. Site URL: https://www.nwdsa.org/request-a-new-parent-guide Hi there and thank you for your help! Basically I am trying to embed a bloomerang form into a page using the Code block on squarespace. The code that bloomerang provides (that has always worked for me on WordPress) is : <script src="https://s3-us-west-2.amazonaws.com/bloomerang-public-cdn/northwestdownsyndromeassociation/.widget-js/172034.js" type="text/javascript"></script> When I put this into the Code block under the Javascript mode, it displays the code on the site as if I have clicked Display Source but does not display the actual form. I have also tried it in the HTML mode and I have checked with an incognito browser as well to make sure that I am not just not seeing it because I am logged in. Attached is a screen shot of what this looks like. There is another more annoying way to do this where bloomerang generates a much longer code and you can host the form on your site instead of Bloomerang and the con is that it often displays weird, however even that just displays as the entire code and nothing else in the Code block Anyway I would appreciate any input/ advice, I'm hoping that I have just missed something very obvious. I have to say that this is my first time working with squarespace over wordpress and the growing pains have been harsh.
  16. My recollection is that the interface for adding Select options to a Form block used to be a text area where each line would become an option in the dropdown. Now it appears that each option must be entered individually. This becomes quite cumbersome if you want to have a dropdown with 51 options (say, 50 U.S. states plus DC). Currently I am being asked to add a state dropdown to 10 forms so I will have to add 510 options one-by-one. Also of note, when editing the options it is not apparent that they can be dragged/dropped to reorder them (they can). I would love it if I am missing something obvious.
  17. Site URL: https://marigold-mouse-h28x.squarespace.com/team Does anyone know how to change the font of the submit button (in a lightbox form). I was able to update the color in CSS, but am having troubles matching it to the other button styles. Password: suitup
  18. Site URL: https://jdmlabs.io Hello community, What would be the best approach to change the Form Block button when Lightbox is enabled. I have a custom graphic image that I need to replace it with? Just looking to swap out the initial button that appears when Lightbox is enabled. Thanks!
  19. Site URL: https://jdmlabs.io/test Hello, I am trying to turn off the hover effect for the button that is used when the Lightbox is enabled for the form block. I was able to replace the button with a custom image, but I am unable to remove the hover effect. I just want it to be the consistent image when it's hovered over. I utilized the button tag button.lightbox-handle.sqs-system-button.sqs-editable-button but I am at a roadblock for how to not allow a hover.
  20. Site URL: https://www.dynamicdoctors.co.nz/enrol-with-us Hi there, Does anyone have a tutorial or know how to add signatures and file upload options to squarespace forms? I can't seem to find any answers online =( Form similar to this: https://www.localdoctors.co.nz/enrol I've tried pandadocs but I have no idea how to integrate that to the form so it looks like its part of the form? Please let me know if you guys have any answers! thanks, Angel
  21. Site URL: https://iconhealthco.com/new-member I am trying to add the custom form validation and submit the form to third party URL, I am able to inject the form submission code to another URL by the help of element.addEventListner but the form is now calling both events onSubmit. Is there any other ways to do the customize the form submission.? Thanks in advance.
  22. Site URL: https://theharper.squarespace.com/ Hi! PW: theharpernyc I'm trying to using custom css to customize the form field. I managed to get the the form fields to be where I want it by using this code: For email & phone number: div#block-yui_3_17_2_1_1634318748669_6592{.form-wrapper .field-list>div:nth-child(2), .form-wrapper .field-list>div:nth-child(3) {width: 48.8%; float: left;} .form-wrapper .field-list>div:nth-child(2) {margin-right:2%;}} For unit & budget: div#block-yui_3_17_2_1_1634318748669_6592{.form-wrapper .field-list>div:nth-child(3), .form-wrapper .field-list>div:nth-child(4) {width: 48.8%; float: left;} .form-wrapper .field-list>div:nth-child(3) {margin-right:2%;}} For broker info: div#block-yui_3_17_2_1_1634318748669_6592{.form-wrapper .field-list>div:nth-child(5), .form-wrapper .field-list>div:nth-child(6) {width: 48.8%; float: left;} .form-wrapper .field-list>div:nth-child(5) {margin-right:2%;}} And this is the result: However I am having a hard time trying to get each filed box to be the equal width & spacing like this: Ideally all the field would be equal width and height. Also, how what kind of code would I need to make this layout to be visible on on desktop? Thanks in advance!
  23. Site URL: https://www.devonmind.com/equal-opportunities-monitoring-form Hi all, I would like to format some form fields into columns, but displayed vertically. So for instance, if there are 15 radio button options, numbers 1-5 are in column A, followed by 6-10 in column B, and 11-15 in column C. I've figured out what coding to add in order to split them into columns, but they display horizontally (i.e. 1 in column A, 2 in column B, 3 in column C, then back to A) and I'm not sure what tweak(s) I need to make. Have attached screenshots which should hopefully help. There is custom code on the live site link I've provided, but hopefully you'll be able to decipher it and advise what I need to remove and add. Thanks so much in advance! 🙂 Andre
  24. Hi! Just wondering can I use the same form (with lightbox button) on different pages? Same form as they have the same name, content and links to the same storage place. Thanks!
  25. Site URL: https://coral-amphibian-g9w7.squarespace.com/ Hi all! I'm trying to find a way to custom re-direct users to pages based on their inputs to the form. I saw other posts on this forum which enable a way to do this. This one is particularly helpful: The catch is, we want to to re-direct users to different pages based on a small matching algorithm that we run on the user's responses. Essentially, the algorithm will create a combined score based on inputs into the form, and based on that score, the algorithm will re-direct to a custom page. We know how to code the algorithm in python, but we don't know how to integrate a python script with Squarespace. Is there a way we can call a Squarespace link in a python script on Squarespace. If that's not possible, is there simple way by which we can integrate the algorithm into the script presented above? Thanks for the help!!
  • Create New...