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

    Buttons on the form are not lined properly in the mobile view

    Asked by phonefixers on February 27, 2017 at 05:12 AM

    the buttons on my mobile site are above eachother rather than side to side.

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Kiran on February 27, 2017 at 08:34 AM

    I have checked your JotForm on a mobile emulator and see that the buttons are not displayed side by side. It seems that the issue is being caused by the mobile responsive widget added to the form. The buttons are sized to 50% on the mobile screen by the widget. I tried to resize the width to 45% using CSS. However, the CSS on the responsive widget is overriding the CSS and the injected CSS is not affected on the form.

    Please try removing the mobile responsive widget on the form so that the buttons are automatically displayed side by side. Let us know if you need any further assistance. We will be happy to assist.  

  • Profile Image

    Answered by phonefixers on March 02, 2017 at 02:59 PM

    then my form wont be responsive haha

  • Profile Image
    JotForm Support

    Answered by jonathan on March 02, 2017 at 05:58 PM

    The mobile responsive widget script were already incorporated into the Form Builder. This was also the reason you can no longer see the mobile responsive widget in the Widgets lists.

    As my colleague already mentioned, the mobile responsive widget could be the culprit for the mobile responsive issue your form was having. 

    I test on my form and remove the responsive widget as instructed. When I test on mobile browser, I can see the buttons were now aligned and responsive as intended.

    screenshot:

     

    Please try removing first the responsive widget on your form as well and test again.

    Let us know if issue remains.

  • Profile Image

    Answered by phonefixers on March 03, 2017 at 09:48 AM

    is the rest of the form responsive?

  • Profile Image
    JotForm Support

    Answered by Kiran on March 03, 2017 at 12:20 PM

    The form should be responsive after removing the widget as well. If you experience any issue, please enable the mobile responsive option from the Advanced Form Designer. If you still experience any issue, please try injecting the following CSS code to the form:

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

     .form-pagebreak-back-container, .form-pagebreak-next-container {

       width: 45% !important;

      }

    }

    }

    The form should be displaying on the mobile as shown below:

    Hope this information helps!