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

    JotForm is not being displayed on Mobile Version of Weebly Site

    Asked by techbird on May 05, 2015 at 11:47 AM

    Hi there,

    Our form is not showing on mobile. Our site is built on Weebly with mobile responsive enabled in Weebly. Tested on iPhone with Safari. After reading the forums, I've tried the following:

    1.) Went to design tab in JotForm and enable response form. Didn't fix the issue.

    2.) Embedded with one line code from "Embed" button. Doesn't show on mobile

    3.) Embedded in iFrame. Right half of form is cut off in mobile.

    4.) Embedded source code. Forms shows but the checkbox to acknowledge the terms of use disappears.

     

    How can we fix this? 

    Thank you.

     

     

     

     

    Page URL:
    http://www.languagebird.com/sign-terms-of-use-course-credit.html

    checkbox form not displaying mobile site
  • Profile Image
    JotForm Support

    Answered by KadeJM on May 05, 2015 at 12:59 PM

    To my understanding you are having issues with getting your form to appear correctly on mobile devices since right now it is not showing at all.

    I checked this in Mobile Safari on my iPhone 6 and I can confirm that it is not showing at all.

    When you embedded your jotform did you use the method described within this guide here https://www.jotform.com/help/215-Adding-a-Form-to-Weebly for adding a jotform to a weebly website? 

    Please let us know if you continue to have an issue with it.

  • Profile Image

    Answered by techbird on May 08, 2015 at 11:59 AM

    Thank you for your answer. Yes we also tried posting it with the iFrame.

    The right half of the form is cut off on iPhone with Safari. Here is the test page: www.languagebird.com/iframe-test

    What else should we do to fix it?

  • Profile Image
    JotForm Support

    Answered by Welvin on May 08, 2015 at 12:45 PM

    I have added the following custom CSS codes to your form:

    @media screen and (max-width:480px){

    .form-all{

        margin-left: 0; 

        margin-right: 0;

        width:95% !important;

    }

    .form-line-column, .form-line {

      width: 95% !important;

      box-sizing: border-box !important;

      -webkit-box-sizing: border-box !important;

    }

    }

    Can you please check now?

    Thanks

  • Profile Image

    Answered by techbird on May 13, 2015 at 11:53 AM

    Welvin thank you for trying this. It doesn't seem to have worked. 

    I checked it on the iPhone with Safari and no change. I reinserted the iframe into Weebly but still no change. I then put your custom code into the form and re-uploaded everything just to be sure but it still didn't work.

    Is there some other type of from I can use to make it work in Weebly on mobile?

  • Profile Image
    JotForm Support

    Answered by Kiran on May 13, 2015 at 01:38 PM

    I've cloned your JotForm and embedded on my weebly webpage. When checked this webpage on my mobile and on iOS simulator, the form displayed correctly. Could you che

    ck the following webpage on your mobile to see if the form is displayed?

    http://kiran-jf.weebly.com/jotform-test.html

    Also, I notice that the form is embedded using javascript method on the page 

    http://www.languagebird.com/sign-terms-of-use-course-credit.html

    It is not recommended to use javascript embed method on website builders due to script conflict with the form and webpages.

    As I check the iframe test page on my mobile and iOS simulator, the webpage with form is displayed normally.

    This could be also an issue with Weebly. We also request you to check with Weebly on this issue. Please check the webpage on your mobile and let us know if you are able to view the form. Please get back to us with the results so that we can further investigate the issue.

    Thanks!

  • Profile Image

    Answered by Umair on October 08, 2015 at 01:09 PM

    I'm facing a similar problem. The form doesn't appear when I visit http://startupclub.pk/submit-your-startup.html using IPhone. Is there a way to fix this issue?
  • Profile Image
    JotForm Support

    Answered by Kiran on October 08, 2015 at 02:13 PM

    @Umair,

    Your question is moved to a separate thread and shall be answered shortly.

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

    Thank you!!