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

    Why are some fields not responsive on this form?

    Asked by bcometa on June 17, 2015 at 05:08 PM

     

    Radio and Check Boxes (maybe other elements also) do not "wrap" like other text on the form. Anyone on a phone or with narrow-width browser window can't see all text on the form without scrolling. How can this be fixed?

    Please see screenshot for example.

    Problem happens on all 3 of my forms:

    http://form.jotformpro.com/form/51236799939979

    http://form.jotformpro.com/form/51237139823960

    http://form.jotformpro.com/form/51236526462958

    Page URL:
    http://form.jotformpro.com/form/51237139823960?

    Screenshot
    not responsive My Forms JotForm problem check
  • Profile Image
    JotForm Support

    Answered by BDAVID on June 17, 2015 at 06:35 PM

    I can see the text is log even for desk top view:

    Please try adding the mobile responsive widget to your form: http://widgets.jotform.com/widget/mobile_responsive

     

  • Profile Image

    Answered by bcometa on June 17, 2015 at 06:42 PM

    Tried that. Problem remains.

  • Profile Image

    Answered by raul on June 17, 2015 at 08:10 PM

    Please try injecting the following CSS code to your form using the form designer.

    .form-radio-item label {
       white-space : normal;
    }

    .form-checkbox-item label {
       white-space : normal;
    }

    .form-checkbox-item, .form-radio-item, .form-input-wide {
       min-width: 100% !important;
       max-width: 690px !important;
    }

     

    This should provide the following result:

  • Profile Image

    Answered by bcometa on June 17, 2015 at 09:24 PM

    Fixed! Thanks!

  • Profile Image
    JotForm Support

    Answered by Chriistian on June 18, 2015 at 01:13 AM

    Hi bcometa, 

    On behalf of my colleagues, David and Raul, you are welcome. Glad to hear that the issue was fixed.

     

    Do let us know if you need further assistance.

     

    Regards.