Why are some fields not responsive on this form?

  • bcometa
    Asked on June 17, 2015 at 5: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

    Jotform Thread 590854 Screenshot
  • David JotForm Support Manager
    Replied on June 17, 2015 at 6:35 PM

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

    Why are some fields not responsive on this form? Image 1 Screenshot 20

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

     

  • bcometa
    Replied on June 17, 2015 at 6:42 PM

    Tried that. Problem remains.

  • raul
    Replied on June 17, 2015 at 8: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;
    }

    Why are some fields not responsive on this form? Image 1 Screenshot 30

     

    This should provide the following result:

    Why are some fields not responsive on this form? Image 2 Screenshot 41

  • bcometa
    Replied on June 17, 2015 at 9:24 PM

    Fixed! Thanks!

  • Chriistian Jotform Support
    Replied on June 18, 2015 at 1: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.