What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Form is not working on Squarespace

    Asked by drschafran on April 29, 2015 at 09:34 AM

    I'm having issues with the form when I embedded it to Squarespace. I tested it on my own site and it worked fine, but when I moved it to my client's site, it doesn't work. First, you can't click the message field (you can tab to get there). Second the attach buttons do not work.

    I would also like to know how I can fix the form height. It overlaps with the content on the site (at the bottom) when you reduce the browser size.

    Can you reduce the padding at the top of the form? I would like the space between the page header and the form to be tighter.

    Lastly, could you let me know how I can style the Thank you page?

    Thank you!

    Page URL:
    http://www.goblink.co/jobsform

    squarespace style size height message
  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 29, 2015 at 11:42 AM

    Hello drschafran,

    I did check your web page where you have embedded your form and I am able to replicate the issue you are having. There is no problem with the form but the issue seems to be because of the "sqs-block-content" css class you have for your div in squarespace. 

    I would suggest you to add the following custom css code in your squarespace (NOT IN YOUR FORM) :

    .sqs-block-code .sqs-block-content {

      height: 720px !important;

    }

    The following guide should help you on how to add custom css code in squarespace:  http://help.squarespace.com/guides/adding-custom-html-css-and-javascript 

    As we cannot answer multiple questions in one thread, I have moved your other questions to separate threads and you will be answered here:

    http://www.jotform.com/answers/561201 

    http://www.jotform.com/answers/561202 

    Thank you!

  • Profile Image

    Answered by drschafran on April 30, 2015 at 08:35 AM

    Hi Ashwin,

    I tried adding custom css code as suggested in Squarespace in CSS Editor. Here's what I ended up with: http://www.goblink.co/jobsform

    The form is cut off at the top and is not showing properly at the bottom. I tried increase the height to 750, but that didn't solve the issue.

  • Profile Image
    JotForm Support

    Answered by Welvin on April 30, 2015 at 10:33 AM

    Hi,

    Did you follow our instructions from this guide (http://www.jotform.com/help/37-Adding-Form-to-Squarespace) on adding a form to Squarespace? If not, please use this method instead.

    So far, when testing the form, the input fields are working but not the buttons. You are using our iFrame method so there should be no problem in the page.

    Thank you.

  • Profile Image
    JotForm Support

    Answered by Welvin on April 30, 2015 at 10:38 AM

    Okay, checking it further. I've found out that there's a block that covers the part of the form, preventing you from clicking the buttons. Here's the screenshot:

    As you could see in the screenshot, the highlight is only visible in the half of the form. Kindly check. You may need to drag it down or remove the element.

    Thanks