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

    How to adjust the column width of matrix field?

    Asked by Effie on January 04, 2016 at 12:26 PM
    2. I found it hard to create a more complex form as it is hard to organise the fields in the second and third column. My form is quite simple, yet I went into lots of troubles to create the three columns in page 2 - especially the third one . I was looking for a way to divide the space to more than one column? (some software have 'section' option to do so).
  • Profile Image

    Answered by victor on January 04, 2016 at 03:50 PM

    Can you please elaborate a bit more. Are you trying to increase the space between the columns or adjust the width of the columns?

    To increase the space between the column, you can inject the following CSS code

    .form-line.form-line-column.form-col-2 {

        padding-right: 30px !important;

        padding-left: 30px !important;

    }

     

    Please let us know if this helps.

  • Profile Image

    Answered by Effie  on January 07, 2016 at 08:54 PM

    Thanks for your reply! The space between the columns is good - I would like to increase the space from the Left (without interfering the Headlines)...so the three columns are to move to the right altogether!

    Please check my form here: http://transaustremovals.com.au/calculator/

     

    Thanks

    Effie

     

     

  • Profile Image
    JotForm Support

    Answered by Chriistian on January 08, 2016 at 04:07 AM

    Hi,

     

    If I understand correctly, you want the all three column fields to align to the right? If that is so, then allow me some time to investigate the issue further and come back with a possible solution.

    Regards.

  • Profile Image
    JotForm Support

    Answered by Chriistian on January 08, 2016 at 04:22 AM

    Hi,

     

    I see that you indicated you want to add some space on the left side of the three column fields. You can try adding this custom css code and see if that suits your preference:

    #id_13,#id_34,#id_24,#id_43,#id_27,#id_65,#id_54,#id_67,#id_59{
    padding-left: 40px;
    }

    You can inject a custom css code by following the guide below: 
    How to Inject Custom CSS Codes

     

    Do inform us if you need further assistance,
    Regards.