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

    My form is not showing properly on my iphone

    Asked by anandrajog on June 24, 2016 at 11:08 AM

    check www.igotpro.com/test on iphone.

     

    the form cuts off on the right side. I tried all options.

    Page URL:
    www.igotpro.com/test

    Screenshot
    not showing properly form is not showing
  • Profile Image
    JotForm Support

    Answered by david on June 24, 2016 at 12:21 PM

    Try replacing your current embed code with your forms iFrame code:

    https://www.jotform.com/help/148-Getting-the-form-iFrame-code

    You can also try enabling mobile responsiveness:

    https://www.jotform.com/help/311-How-to-make-forms-mobile-responsive

    Or adding the mobile responsive widget to your form:

    http://widgets.jotform.com/widget/mobile_responsive

    If none of these solutions work, let us know and we will be happy to have another look.

  • Profile Image

    Answered by anandrajog on June 24, 2016 at 05:45 PM
    Tried all three options and still didn't work
    Your success is Paramount to our Success
    Ash Nandrajog, Co-Founder
    iGotPro International Business Network Solutions Ltd.
    519-722-2897
    ash@igotpro.com
    www.igotpro.com
    ...
  • Profile Image
    JotForm Support

    Answered by david on June 24, 2016 at 06:07 PM

    I checked your page on mobile and it looks be be fitting without issue:

    You can try applying mobile css to your form:

    https://www.jotform.com/answers/240130-How-to-make-the-form-mobile-responsive

    If that still does not work, let us know specifically what type of device the form it showing like that on and we will be happy to have another look.

  • Profile Image

    Answered by anandrajog on June 24, 2016 at 06:45 PM
    I added the CSS code into the CSS and still the same problem. Trying it on
    an iphone 6 and chrom. Even if I tilt the phone in landscape, it still
    stretches the form beyond the screen.
    Your success is Paramount to our Success
    Ash Nandrajog, Co-Founder
    iGotPro International Business Network Solutions Ltd.
    519-722-2897
    ash@igotpro.com
    www.igotpro.com
    ...
  • Profile Image
    JotForm Support

    Answered by BJoanna on June 24, 2016 at 07:55 PM

    I was not able to find your form on your website. I only found one form on Contact us page, but that is not JotForm form. Did you removed your form from you website? If not can you please provide us exact URL of your embedded form. 

    I have tested your standalone form on my Samsung Galaxy S4 and you form is responsive on my phone, it is not cut off on the right side. 

    Can you please also test your standalone form on your phone? This way we can find if the issue is related to standalone form or to your embedded form.

    Looking forward to your reply. 

  • Profile Image

    Answered by anandrajog on June 24, 2016 at 08:45 PM
    I removed the form because I was testing things.
    I will
    Embed it again.
    The form works fine when it is standalone.
    The problem is when it is embedded.
    ...
  • Profile Image
    JotForm Support

    Answered by BJoanna on June 24, 2016 at 09:22 PM

    Thank you for the confirmation.

    Please let us know when you embed your form.

  • Profile Image

    Answered by anandrajog on June 24, 2016 at 10:45 PM
    I have embedded the form now. Please check www.igotpro.com/test
    Your success is Paramount to our Success
    Ash Nandrajog, Co-Founder
    iGotPro International Business Network Solutions Ltd.
    519-722-2897
    ash@igotpro.com
    www.igotpro.com
    ...
  • Profile Image
    JotForm Support

    Answered by Welvin on June 25, 2016 at 01:53 AM

    You are currently using the iframe embed codes. Please try changing the width in the iframe from 100% to 95%. That should fix the problem.

    Or, instead of changing the width in the iframe codes, you can also just add the following codes to your website stylesheet (not on your form):

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

    iframe#JotFormIFrame {

        width: 95% !important;

     

    }

    }

    This targets the width of the iframe on the mobile phone and won't affect the width on the PC. 

  • Profile Image

    Answered by anandrajog on June 25, 2016 at 09:45 AM

    Below is the whole CSS code from the main_style.css sheet from Weebly.
    Can you tell me where I should insert the code?

    --------

    CSS codes have been moved here: http://pastiebin.com/576e8cfa082a9.

    --------


    Your success is Paramount to our Success
    Ash Nandrajog, Co-Founder
    iGotPro International Business Network Solutions Ltd.
    519-722-2897
    ash@igotpro.com
    www.igotpro.com
    ...

  • Profile Image
    JotForm Support

    Answered by Welvin on June 25, 2016 at 09:53 AM

    Add the codes to the bottom. After the last }