How to change the size of fields in my form?

  • annegerald
    Asked on September 12, 2016 at 3:35 PM

    To whom it may concern,

    This question is regarding a form I am designing called GCA Executive Board Advanced Reports.

    I used Form Designer to try to adjust the length and size of the fields on my form.  I wanted the drop down fields to be as long as the longest option, the text fields to be as wide as the form, and the text areas to be as wide as the form.  The latter are what started me on this matter - I want to allow maximum space for responses. 

    I tried to adjust the length of the fields and I don't know what I did but I want to revert back to the default because now certain fields are long, my text fields are short, and the sublabels for my questions run off the page.

    Can you revert all of the fields back to the default size and/or tell me the number I need to set to maximize space for each field wihtout having it run off the page.  The form should be responsive as well.

    Please help.

    Thank you,

    Anne

     

    Jotform Thread 930295 Screenshot
  • David JotForm Support
    Replied on September 12, 2016 at 6:36 PM

    I cloned your form to test it and all of the Text Area fields look to be the same size:

    How to change the size of fields in my form? Image 1 Screenshot 20

    If this is still not displaying the way you'd like, let us know how you would like for it to look and we will happy to help get things adjusted.

    As for the form being mobile responsive, here is our guide on how to enable this:

    https://www.jotform.com/help/311-How-to-make-forms-mobile-responsive

  • annegerald
    Replied on September 13, 2016 at 9:45 AM
    Hi David,
    Does this fix the problem? The form in our account still does not appear as
    desired. The "Issue Subject Line" field is far too small now. Also, the
    sub-labels are so long and in certain views still go off the page. Is
    there any way for the sub-labels to wrap beneath the size of the field.
    Please advise.
    Thank you,
    Anne
    ...
  • Nik_C
    Replied on September 13, 2016 at 11:49 AM

    I checked your form and it is showing normally, but sub-labels were a little bit off. Please try to insert the below CSS into your Custom CSS field:

    .form-sub-label-container{

    white-space:normal;

    }

    It will make your labels show in multiple lines:

    How to change the size of fields in my form? Image 1 Screenshot 20

    Hope it helps.

    Do get back to us if you have further questions.

    Thank you!