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

    New Form Designer: Responsive layout not working properly outside of editor

    Asked by davidgoebelstate on October 20, 2014 at 02:33 PM

    I have the responsive checkbox enabled and the form looks good in the editor.  However, when I preview the form it appears to have a hard width and is not formatting as it should.

     

    Page URL:
    http://form.jotform.us/form/42925301901144

    form designer new form layout preview
  • Profile Image

    Answered by Ben on October 20, 2014 at 04:19 PM

    Hi David,

    Thank you for letting us know. I will notify our developers in regards to this issue.

    In the mean time, you could fix this by injecting this CSS at the bottom of your CSS Styles field:

    div.form-all
    {
       width:300px;
       margin: 0;
    }

    #cid_2 > div.form-buttons-wrapper {
        margin-left: 0 !important;
        text-align: center;
    }
     
    .form-input-wide > input {
        width: 100%;
    }
     
    Our developers will let you know once this issue has been corrected through this thread.
     
    Best Regards,
    Ben
  • Profile Image

    Answered by davidgoebelstate on October 20, 2014 at 05:17 PM

    I added the code, but that didn't help as it hard set the width even wider.  I also notice that the styling for the text boxes and the submit button are now showing a much small text.

    1) So does the responsive checkbox not work?

    2) What is causing the text boxes and submit button to show smaller text in preview when compared to the editor?

  • Profile Image
    JotForm Support

    Answered by Charlie on October 20, 2014 at 07:02 PM

    Hi,

    My colleague have opened a ticket to escalate the issue regarding this. We will let you know when an update has been made to resolve this problem.

    For the meantime, have you tried using the "Mobile Responsive" widget? This will automatically adjust the form size depending on the currently used device. Let us know if that one works.

    Thank you.

  • Profile Image

    Answered by davidgoebelstate on October 21, 2014 at 04:29 PM

    Is this responsive issue global for all users/forms, or is it just me?

  • Profile Image

    Answered by raul on October 21, 2014 at 05:51 PM

    Hi,

    Upon checking this thread, I can let you know that this ticket has been assigned to one of our developers.

    They will be checking it and will update this thread as soon as they have a fix.

    Is this responsive issue global for all users/forms, or is it just me?

    Right now, we can't tell what's the scope of this issue but I can assure you that our developers will do their best to fix it as soon as possible.

    Please let us know if you have further questions.

    Thanks.

  • Profile Image

    Answered by vomfass on March 04, 2015 at 06:49 PM

    Has this been fixed?  We are having the same issue
    .
  • Profile Image
    JotForm Support

    Answered by jonathan on March 04, 2015 at 07:08 PM

    @ vomfass

    We will resolve your issue here http://www.jotform.com/answers/527216

    Thanks.