Configurable List CSS to shorten Field Width

  • briteadmin
    Asked on January 26, 2016 at 7:13 PM

    I absolutely love the configurable list widget. I was frustrated at not being able to have different entry methods in each column of a matrix, but the configurable list fixed that. I'm wondering if you can please help me with the custom CSS necessary to shorten the entry fields.

    This is my form. I'd like the quantity, width, and height fields to be about half their current - big enough for maybe 10 characters. Is there any chance someone could please help me with that?


    Thanks,
    Jason

    https://form.jotform.com/60247773464259
    Page URL: https://form.jotform.com/60247773464259
  • jonathan
    Replied on January 27, 2016 at 2:28 AM

    Hi Jason,

    Open the configuration wizard of the Configurable List you wanted to customize in your jotform https://form.jotform.com/60247773464259    

    and add this CSS code.

    .col2 input[type="text"],.col3 input[type="text"],.col4 input[type="text"]

    {

     width:60px;

    }



    Configurable List CSS to shorten Field Width Image 1 Screenshot 30

     

    The result should be like this

    Configurable List CSS to shorten Field Width Image 2 Screenshot 41

     

    Let us know if this did not work.

  • briteadmin
    Replied on January 27, 2016 at 2:46 AM

    It worked perfectly, and I really appreciate how quickly you responded. Thank you so much!

  • jonathan
    Replied on January 27, 2016 at 3:54 AM

    You are welcome. :) Contact us again anytime for any assistance you need on JotForm.

    Cheers