Why are some fields not responsive on this form?

  • Profile Image
    bcometa
    Asked 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

  • Profile Image
    BDAVID
    Answered 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
    bcometa
    Answered on June 17, 2015 at 06:42 PM

    Tried that. Problem remains.

  • Profile Image
    raul
    Answered 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
    bcometa
    Answered on June 17, 2015 at 09:24 PM

    Fixed! Thanks!

  • Profile Image
    Chriistian
    Answered 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.