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 becomes responsive when opening it on the form designer. How to restore it back?

    Asked by pinandbreakfast on November 29, 2014 at 03:37 AM

    Hello,

    I used jotform forms on my website (on Webs.com) but now something happened after I try Beta Form Designer and the form does not fits. It makes me confused. It goes out of layout and some fields have lost the right shape. I tryed to repair by changing width, but nothing happend and still looks ugly.

    On Modzila firefox it works more or less but on Google Chrom and Opera doesn't.

    It seems that it is on phone screen settings alltime.

     

    you can see:

    http://www.pinandbreakfast.com/wedding-id-family

    http://www.pinandbreakfast.com/weddingpin.htm

    What can I do?

    thank you.

    Page URL:
    http://www.pinandbreakfast.com/order-form

    form designer form responsive
  • Profile Image
    JotForm Support

    Answered by EltonCris on November 29, 2014 at 09:35 AM

    Hi,

    It is most probably because the form responds to the container where it is embedded that's why it is rendering the mobile style. Note that when you load the form into form designer, the form becomes mobile responsive.

    Anyway, for the meantime I have placed this CSS codes on the CSS tab in your form here http://www.pinandbreakfast.com/wedding-id-family on the form designer. It should be fine by now. You can also do the same on your other form.

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

    input[type=text], input[type=email], input[type=tel], textarea {

    width: auto;

    }

    .form-address-line {

    width: 310px !important;

    }

    .form-address-table {

    width: 330px  !important;

    }

    .form-address-city, .form-address-state {

    width: 144px !important;

    }

    .form-sub-label-container {

    width: auto;

    }

    .form-buttons-wrapper button {

    width: auto;

    }

    }

    Screenshot:

    Let me also forward this to our developers so they can consider an actual fix. I think the form shouldn't be auto responsive when you load it on the form builder.

    Thanks!

  • Profile Image

    Answered by pinandbreakfast on November 30, 2014 at 05:14 AM

    thank you very much, I will try it

  • Profile Image

    Answered by pinandbreakfast on November 30, 2014 at 05:19 AM

    I did it and it works! Thanks a lot!

  • Profile Image
    JotForm Support

    Answered by Jan on November 30, 2014 at 07:17 AM

    Hi,

    We're glad to know that it is now working properly. In behalf of my colleague EltonCris, you are welcome. Please don't hesitate to contact us if you need any help.

    Thank you for choosing JotForm.