Configurable List CSS to shorten Field Width

  • Profile Image
    briteadmin
    Asked on January 26, 2016 at 07: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

  • Profile Image
    jonathan
    Answered on January 27, 2016 at 02: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;

    }



     

    The result should be like this

     

    Let us know if this did not work.

  • Profile Image
    briteadmin
    Answered on January 27, 2016 at 02:46 AM

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

  • Profile Image
    jonathan
    Answered on January 27, 2016 at 03:54 AM

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

    Cheers