How do I resize specific fields within a configurable list?

  • crossland
    Asked on March 23, 2016 at 2: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

  • Ashwin JotForm Support
    Replied on March 23, 2016 at 2: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:

    How do I resize specific fields within a configurable list? Image 1 Screenshot 20

     

    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!

  • crossland
    Replied 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
    ...
  • mert JotForm UI Developer
    Replied 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.