Modify the width of each field instead of just widening every single field

  • lrashall
    Asked on March 11, 2021 at 3:31 PM
    Can you show me and example of how to modify the width of each field instead of it just widening every single field?
  • Cecile JotForm Support
    Replied on March 11, 2021 at 4:01 PM

    Greetings,

    Apologies but I cannot clearly identify your requirement. Do you want to adjust a certain field without adjusting its whole type? Say, there are two input fields in your configurable list widget and you don't want the adjustment of the first input field width affects the width of the second input field. If so, then you may inject the CSS code below.

    .col1 input{

    width: 10px !important;}

    .col2 textarea{

    width: 30px !important;}

    .col3 input{

    width: 60px !important;}

    .col4 input{

    width: 90px !important;}

    .col5 input{

    width: 120px !important;}

    Result:

    1615496354 604a84a2b90b3 17 Screenshot 10

    Using the custom CSS above, I have changed the width of the first field to 10px, the second field to 30px, the third field to 60px, the fourth field to 90px, and the last field to 120px.

    I hope this helps. If, in any case, I have misunderstood your concern, please do not hesitate to let us know and give us more details about your requirements.

    Thank you.