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 cut off on mobile devices

    Asked by Sauldavid817 on April 25, 2015 at 07:21 PM

    I always seem to have to go and rearrange the layout of my forms...because every time I go back to my site on my device, the layout has changed and the submit button is no longer visible. Can someone please help me understand what I am doing wrong, or why this keeps happening?

    My website is www.empiredevelopmentgroup.net/underthehood

     

    it is an event page, and customers keep contacting us about the forms looking weird and the submit button is missing on their phone/device. But it looks normal on computers. The mobile responsive widget is on all forms. 

     

    Thank you in advance,

     

    Ralph Perez

    Page URL:
    www.empiredevelopmentgroup.net/underthehood

    devices Mobile
  • Profile Image
    JotForm Support

    Answered by BDAVID on April 25, 2015 at 11:19 PM

    I went into the event page of your site, but I could not find any jotform:

    Please share the exact URL to inspect this further.

  • Profile Image

    Answered by Sauldavid817 on April 25, 2015 at 11:20 PM

    www.empiredevelopmentgroup.net/underthehood

  • Profile Image

    Answered by Sauldavid817 on April 25, 2015 at 11:24 PM

    Click on the Register, Sponsor, Vendor, and Ticket Button below the Banner

  • Profile Image
    JotForm Support

    Answered by BJoanna on April 26, 2015 at 11:55 AM

    After checking your website I saw a problem you are mentioning. You can try embedding your form again on your website using this code:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/50906195287968" frameborder="0" style="width: 100%; height: 5234px; border: none;" scrolling="yes"></iframe>

    I've increased the height value to show the submit button on responsive version of your form.

    Hope this will help. Let us know if you need further assistance. 

     

  • Profile Image

    Answered by Sauldavid817 on April 26, 2015 at 02:13 PM

    I am a little confused because wouldn't increasing the height of the iframe make the form extremely long on the actual website?

    This screenshot is what it currently looks like on my Samsung Galaxy S5 using google Chrome. is seems like of a width issue, as well as, a height issue. Every time I go into the Designer platform and make any little change, then save, it once again looks normal on my phone...but then 20-30 mins later it goes back to the Screenshot view.

    The link to this specific page is www.empiredevelopmentgroup.net/the-donation-page

  • Profile Image
    JotForm Support

    Answered by BJoanna on April 26, 2015 at 02:46 PM

    You can change width and height by Injecting Custom CSS. To do that inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

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

    .form-label {

      padding-top: 20px;

    }

    #input_4_donation {

    width : 100px!important;

    }

    After adding this code your form should look like this.

    Hope this will help. Let us know if you need further assistance.

  • Profile Image

    Answered by Sauldavid817 on April 26, 2015 at 02:54 PM

    Awesome! Thank you so much BJoanna 

    My only question now is where can I find the #input for all of my forms, so that I can add this code to each form?

    Thank You,

    Ralph 

  • Profile Image

    Answered by Sauldavid817 on April 26, 2015 at 02:59 PM

    The issue keeps reoccurring...I inserted the Css code and it looked great, but 2 mins later it went back to the screenshot view that I sent you.

     

  • Profile Image
    JotForm Support

    Answered by jonathan on April 26, 2015 at 05:17 PM

    I checked your form on the website  using a mobile browser. But I could not reproduced the issue.

    The form is not cut-off and it stays that way even after leaving it as is.

     

     but 2 mins later it went back to the screenshot view that I sent you.

     

    Please described to us how you 'went back to it later' you mean.. are you saying when you re-open the form again on the device browser the next time.. it is again cut-off?

    The only possible reason it will change behavior is if the form was changed also and then test view again on the browser.

    Let us know if the issue persist.

    Thanks.