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 do I resize specific fields within a configurable list?

    Asked by crossland on March 23, 2016 at 02:06 PM

    I have a configurable list with different types of fields within it. I would like to resize some of those fields. For example, the "UOM" field is much wider than it needs to be. 

     

    Thank you , 

    Nathan K

    Page URL:
    https://form.jotform.com/60815853155963

    configurable list configurable how a
  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 23, 2016 at 02:35 PM

    Hello Nathan,

    Please inject the following custom css code in your configurable list widget to change the width of textboxes and stepper fields:

    .col6 input[type="text"] {

        width: 60px;

    }

    .col3 input[type="text"] {

        width: 60px;

    }

    .col4 input[type="text"] {

        width: 60px;

    }

    .stepper-wrap input.stepper {

        width: 40px;

    }

    Please check the screenshot below how to inject custom css code in widget:

     

    Hope this helps.

    Do get back to us if you want to change the width of any other columns and we will surely help you with the custom css code.

    Thank you!

  • Profile Image

    Answered by crossland on March 24, 2016 at 10:45 AM
    Perfect!
    Thanks,
    _____________________________________
    [Description: Crossland Logo for email1]
    Nathan Kubicek
    Crossland Academy
    833 S. East Ave, P.O. Box 45
    Columbus, KS 66725
    Phone: 620-429-1414 Fax: 620-429-1431
    Cell: 417-385-8687
    nkubicek@crosslandconstruction.com
    website: www.crosslandconstruction.com
    Trust – Responsibility – Integrity – Passion
    ...
  • Profile Image
    JotForm Support

    Answered by mert on March 24, 2016 at 11:25 AM

    In the name of my colleague, you are most welcome. If you need further styling for your widget, please do let us know.

     

    Regards.