What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Change witdh on Matrix

    Asked by dpj on February 19, 2013 at 02:38 AM

    Hi,
    Is it away to change the width of columns in Matrix (change in JotForm)? For exampel that change the width on column "benämning" to 15 instead of 5 that is default now?

    Kind regards
    Pär Olson

    Screenshot
    JotForm
  • Profile Image
    JotForm Support

    Answered by EduardoMendez on February 19, 2013 at 07:15 AM

    Hi there, 

    You can inject CSS to your form in order to change the width of the text boxes in your matrix table.

    Here is  the code used on this sample form (http://form.jotformpro.com/form/30492915397968?)

    .form-textbox{width:250px;!important}

    Please give that a try and let us know if you need further assistance!

  • Profile Image

    Answered by dpj on February 20, 2013 at 04:12 AM

    Ok, Thanks.
    But if i only want to change the width in the Matrix and on one column for exampel "Benämning". Which css code should i use then?

    Thanks for your help
    Pär

  • Profile Image

    Answered by jefreylandicho on February 20, 2013 at 07:01 AM

    To change the matrix width, please add the following code in your CSS

    .form-matrix-table {width: 200px !important;  }

    wherein 200px is value that you could change base on your preference

    If you need to change one column size, you will need to download and se the form source code and assign an id or set the width internally. E.g.

    <th class="form-matrix-column-headers" style="width:50%">Benämning</th>

    If you need further assistance, please let us know.

  • Profile Image

    Answered by swapna_summit on June 18, 2014 at 05:14 AM

    so every time you change (add or remove fields) from my form in the form builder, i must update the form codes on my site by re-embedding the form. This is because the source codes that are currently embedded to my page are not automatically updated. so how can i re-embed the form?
  • Profile Image
    JotForm Support

    Answered by KadeJM on June 18, 2014 at 09:34 AM

    @swapna_summit

    I have moved your thread here because we prefer to keep issues separate from one another so that we can avoid confusion while answering your questions or issues individually.