How to change field size in configurable form

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

     

  • Profile Image
    liyam
    Answered 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
    YMITracy
    Answered 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
    candy
    Answered 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
    YMITracy
    Answered 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
    candy
    Answered 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
    YMITracy
    Answered on October 27, 2016 at 10:44 AM
    Thank you. This was helpful.
    ...