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

    How can I fix my form dimensions on my squarespace website?

    Asked by kenjac73 on January 12, 2017 at 10:08 AM

    I inserted the Jot Form code into my squarespace website and it looks fine on my desktop. However, on mobile, I am unable to scroll to the bottom of the form and the right half of the company is cut off.

    Page URL:
    http://www.searchmastersny.com

  • Profile Image
    JotForm Support

    Answered by KadeJM on January 12, 2017 at 11:59 AM

    I see you're having a problem with how your form is displayed on mobile after embedding it into your squarespace website and we would be more than happy to assist you.

    Is this https://www.searchmastersny.info/job-order the form page on your site that you are referring to? Or was it another page elsewhere?

    I checked this on my iPhone 6 on my end where I found it's not only cut off on the side but also towards the bottom.

    You can try enabling the form responsiveness which should help.

    Additionally, depending on your site editor it may be necessary to tweak the form in your editor to fit the layout better since the container your form is in can sometimes offset how it's displayed. If you look at the non-embedded direct link to your form on mobile you'll see what I mean by this in comparison to test further.

  • Profile Image

    Answered by Search Masters  on January 12, 2017 at 12:29 PM

    I actually have three forms that are all not fitting correctly on mobile browsers.

    1. https://www.searchmastersny.info/temporary-employment-application

    2. https://www.searchmastersny.info/permanent

    3. https://www.searchmastersny.info/job-order

    My forms should already be set to responsive.

    Could you let me know what the correct code should be?

  • Profile Image
    JotForm Support

    Answered by KadeJM on January 12, 2017 at 01:57 PM

    Thank you for the additional information with which forms.

    Please allow us some time to see what we can do to help with the first one and we'll respond with something for you to try to correct that one as soon as we can.

    And you can then take that and apply it to the other two forms with the same problem similarly.

  • Profile Image
    JotForm Support

    Answered by KadeJM on January 16, 2017 at 10:29 AM

    I do sincerely apologize about the delay on this and thank you for the patience you've given me.

    I believe I may have found a possible solution for you after testing this further on a test copy of your form.

    Here's a customized css code that I've written for you. Please inject this css code into your form to try out to see if it helps at all on the first embedded form. And then if that works you can use it similarly on the other forms.

    @media only screen and (max-device-width: 550px){

    .form-all:before {

    background-image: url(https://www.jotform.com/uploads/kenjac73/form_files/Jot_Form_Background.png);

        height: 100%;

        position: absolute;

        background-size: 380px 279px;

        background-repeat: no-repeat;

        width: 100%;

    }

     

    Alternatively, you could just clone the demo form here https://form.jotform.com/70115885914965 and test it on a test page for your website on mobile.

     

    The code stretches the top banner some but, you can play around with it more if you want. I did have it fitting in there a little better by setting the height to 90% though the problem with that was that it left a small grey gap that would unfortunately not close with additional css.

    However, the css adjustment for this does bring up the bottom of the form so that the submit button shows up properly as I did find that I could replicate it being cut off on mobile on the live version of your form that wasn't embedded so that helped to try to resolve it for you.

    If this doesn't work or you need more help then just let us know and we'll try again if necessary.

  • Profile Image

    Answered by takenote on January 17, 2017 at 02:44 AM

    Unfortunately, neither the clone nor the code is providing me with the correct results on my website. Although the submit button and the edges are not cut off on the Jot Form webpage of the form, this is still unfixed on my mobile webpage. The results of embedding the cloned version of my Job Order form can be seen at https://www.searchmastersny.info/job-order. Could you please give us another solution as soon as possible?

  • Profile Image
    JotForm Support

    Answered by AIDAN on January 17, 2017 at 04:38 AM

    Hi,

    I examined your web page using the device emulation feature of Google Chrome, and indeed there are problems.

    I opened your form in its standalone version (https://form.jotform.com/70160949586163) under the device emulation mode, and it looks significantly better, for example the submit button shows properly and you can scroll and see the whole form.

    In light of that, I inspected the embedding method that you are currently using, and found that it's the iFrame method. Could you please try using the Embed method as per this guide and see if the form shows up correctly? https://www.jotform.com/help/34-Adding-a-Form-to-a-Web-Page

    If the problem persists please let us know so we can assist you further. Thank you.

  • Profile Image

    Answered by Search Masters  on January 17, 2017 at 12:05 PM

    The "Submit" button is now visible on mobile but the right side is still stretched beyond the dimensions of the phone.

  • Profile Image
    JotForm Support

    Answered by AIDAN on January 17, 2017 at 01:05 PM

    Hi,

    Okay, so one problem is gone and one problem is remaining. We will inspect further and get back to you on that as soon as possible.

    Thank you in advance for your patience and understanding.