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

    Submit button is being cut off

    Asked by Emstarz on November 03, 2015 at 07:32 PM

    Hello, 

     

    My submit button is being cut off on desktops and not visible at all on mobiles. Help!

     

    Thank you, 

    Emmy

    Page URL:
    http://www.emmywu.com/session-offer-application/

    Screenshot
    submit button
  • Profile Image
    JotForm Support

    Answered by Chriistian on November 04, 2015 at 02:28 AM

    Hi,

     

    Your form width seems to be bigger than your website container that's why the button seems to be cut off. Can you try to re-size your form width to about 700 and see if solve the issue?

     

    Do let us know if you need further assistance.

    Regards.

  • Profile Image

    Answered by Emstarz on November 04, 2015 at 12:45 PM
    Hi Chriistian,
    I’ve tried that already and it’s not the issue. You’ll see in the picture that I’ve made the form only 500px and the width of the forms shrink, but the submit button is still cut off …
    Other ideas?
    Thank you,
    Emmy Wu
    ...
  • Profile Image

    Answered by kingkest on November 04, 2015 at 01:26 PM

    I think Christian was saying increase the size of your form width. This will allow more room for the submit button. You could also go in to the properties of the submit button and align it to the center, that may help.

  • Profile Image

    Answered by Emstarz on November 04, 2015 at 01:45 PM
    Ahh, I had no idea I could left align the submit button. That works, but my whole form is still not being responsive. You’ll see in the picture that the radio check box text is cut off in a smaller browser.
    Sorry for all the questions .. I’ve been tinkering with this forever and still can’t get it right!
    Thank you,
    Emmy Wu
    ...
  • Profile Image

    Answered by Emstarz on November 04, 2015 at 01:45 PM
    Sorry, here’s the picture of the cut off radio text lines.
    Emmy Wu
    ...
  • Profile Image
    JotForm Support

    Answered by Mike_G on November 04, 2015 at 05:15 PM

    I'm sorry but the picture you have included on your post, didn't post properly, this guide will help post a screenshot on forum threads: How-to-include-screenshot-image-in-the-support-forum

    I have checked your form embedded on your website on my computer browser(Google Chrome) and was ablet to see your form completely.

    I have also checked it using an android phone and the forms seems to be complete also when viewed on a mobile device.

     

     

    Let us know if you need any further assistance. Thank you.

  • Profile Image

    Answered by Emstarz on November 04, 2015 at 05:45 PM
    Hi Mike,
    Yes, it shows fine on the desktop, but like I said in my previous message, once you shrink the browser or view on mobile, the radio fields are cut off. How can I fix this pleas?
    Thanks,
    Emmy
    Sent from my iPhone
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on November 04, 2015 at 11:51 PM

    Hi,

     

    I checked your form and I was able to see what you are referring to. The radio button text are cut off on small screens. 

     

    To fix this, please try to inject the custom CSS code below.

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

    .form-radio-item {

        white-space: normal !important;

    }

    }

     

    To inject custom CSS code in your form, just follow the instruction provided in this article: How to Inject Custom CSS Codes.

     

    Do let us know if you need further assistance.
    Regards.

  • Profile Image

    Answered by Emstarz on November 05, 2015 at 11:45 AM
    Hi Chriistian,
    That worked! Thank you!
    Emmy Wu
    ...