How to increase the size of columns in a table ?

  • Profile Image
    aarboleda
    Asked on February 27, 2016 at 07:27 AM

    Hello

     

    I created the following form

    https://form.jotform.com/60565637877976

     

    I need to at least double the with of the first and last columns on the table at the bottom of the form.

    How can I do that ?

     

    The form is not embeded into a webpage but rather a link to a new window.

     

     

  • Profile Image
    Jan
    Answered on February 27, 2016 at 08:13 AM

    You can use the CSS code below in order to adjust the width of the columns.

    /* 1st column */
    .form-matrix-row-headers +.form-matrix-values .form-textbox {
    width: 200px;
    border-style: solid;
    border-width: 1px;
    }

    /* 2nd Column */
    .form-matrix-row-headers +.form-matrix-values +.form-matrix-values .form-textbox{
    width: 100px;
    border-style: solid;
    border-width: 1px;
    }

    /* 3rd Column */
    .form-matrix-row-headers +.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox{
    width: 200px;
    border-style: solid;
    border-width: 1px;
    }

    Here's a guide on how to inject custom CSS on the form. Hope that helps. Let us know if you need further assistance. Thank you.

  • Profile Image
    aarboleda
    Answered on February 27, 2016 at 10:41 AM

    Thanks for your help . I did that and columns are wider now. But although your code gives 200px for the first and third column and only 100px to the second column , the form does not show accordingly. 

    It shows more like First Column 100px , Second Column 100px and Third Column 200px

    Any ideas

     

     

  • Profile Image
    Jan
    Answered on February 27, 2016 at 12:35 PM

    Sorry, the code above is missing "/" in the first column, currently it is * 1st Column */ . I just edited it the post and add "/". Please use this CSS code for the first column:

    /* 1st column */
    .form-matrix-row-headers +.form-matrix-values .form-textbox {
    width: 200px;
    border-style: solid;
    border-width: 1px;
    } 

    Let us know if there's still an issue. Thank you.

  • Profile Image
    aarboleda
    Answered on February 28, 2016 at 04:46 PM

    Working fine now. thanks

     

     

  • Profile Image
    Nik_C
    Answered on February 28, 2016 at 05:04 PM

    Hello,

    On behalf of my colleague Jan you're welcome.

    Do not hesitate to contact us in future.

    Best regards.