How do I adjust text box widths within the columns of a Matrix?

  • CYMJotForms
    Asked on December 22, 2015 at 3:47 PM

    Hi, I'm using text boxes within a Matrix. I've figured out how to change the column width, but it doesn't seem to affect the width of the text boxes themselves. Since most of these fields have to do with schools, degrees, or job descriptions, I need the text boxes to be more than 10 characters in length. I don't know code but I catch on pretty quickly if you can tell me what goes where. How do I adjust this?

    Thanks for your help!

    Kathy

    Jotform Thread 730845 Screenshot
  • jonathan
    Replied on December 22, 2015 at 7:00 PM

    Please try this CSS code 

    .form-matrix-values .form-textbox {

    width: 100px !important;

    }

    How do I adjust text box widths within the columns of a Matrix? Image 1 Screenshot 20

    You can adjust the 100px to your preferred widht.

    Hope this help. Let us know if this did not work.

  • CYMJotForms
    Replied on December 22, 2015 at 8:45 PM
    Thanks for your help. How do I get to the Design section where this CSS code should go?
    ...
  • jonathan
    Replied on December 22, 2015 at 8:53 PM

    Use the Form Designer

    How do I adjust text box widths within the columns of a Matrix? Image 1 Screenshot 30

     

    in the Form Designer follow the number to click the options on the image below

    How do I adjust text box widths within the columns of a Matrix? Image 2 Screenshot 41

    Let us know if you need more help.