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

    How to change field size in configurable form

    Asked by YMITracy on October 25, 2016 at 05:44 AM

    I need to increase the response field width to make enough room for a first and last name on page 38 of my form - has to be one field as not necessarily a person (first/last name) but can also be an organisation. I have tried various CSS codes found looking on line but none seem to work. The latest was:

    td.col1 select {

     width:250px;

    }

    I also need to know how to do the same type of thing for spreadsheets as the "Item" column in the spreadsheet needs to be quite a bit larger.

     

    Thanks in advance.

     

    Tracy

     

    Page URL:
    https://eu.jotform.com//?formID=53223415452346

    size configurable in how
  • Profile Image
    JotForm Support

    Answered by liyam on October 25, 2016 at 08:21 AM

    Hello Tracy,

    Can you give clarification on the specific field that you wish to adjust its width:

    1) I don't see a configurable list with the field first name and last name on page 38

    2) I see on your spreadsheet widget that you have the item name's width set to 300px. Do you still need assistance on how to adjust this?

     

  • Profile Image

    Answered by YMITracy on October 26, 2016 at 08:44 AM
    Hello,
    Yes I have managed to modify the spreadsheet widget.
    I actually need to two adjust the "name" field width in two fields on page
    38. These are fields asking for:
    *Project applicant(s) / organisation(s)* and
    *Co-Partners if any.*
    Thanks for your assistance in advance.
    Tracy
    ...
  • Profile Image
    JotForm Support

    Answered by candy on October 26, 2016 at 11:22 AM

    Dear Tracy,

    You can change any field width depending on their field Id. Firstly, please find the screen below to see how to learn the field IDs:

    Secondly, you can write the CSS codes depending on the field ID as the following and inject to the form:

    #first_15{

    width:200px;

    }

    So that, you can arrange any field width just like that.

     

    If you need further assistance, do not hesitate to contact.

    Thanks.

  • Profile Image

    Answered by YMITracy on October 27, 2016 at 08:44 AM
    Thanks, I can see how this would work for regular fields but am not seeing
    how to identify/name the fields in the configurable list widget where the
    text field that I want to modify is located.I need to know how to change a
    field size when using the configurable list widget. Thanks.
    Tracy
    ...
  • Profile Image
    JotForm Support

    Answered by candy on October 27, 2016 at 09:29 AM

    Hello,

    You can do it as the following screen:

     

    Firstly, I've learnt the class of that field in the configurable list and then I've injected the following CSS code:

    .col4 input{

      width: 50px !important;

    }

    I hope this helps. If you need further assistance, do not hesitate t contact us. We will glad to help.

    Thanks.

  • Profile Image

    Answered by YMITracy on October 27, 2016 at 10:44 AM
    Thank you. This was helpful.
    ...