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 get the Matrix table to load on the proper line

    Asked by je862 on January 15, 2016 at 01:44 AM
    Is there an easy way to get the Matrix Table to load on to the proper line. Setting up the Matrix Table is easy, but when I try to move it to the proper line, it jumps around and often ends up on the very bottom or top of the form.
  • Profile Image
    JotForm Support

    Answered by Chriistian on January 15, 2016 at 02:17 AM

    Hi,

     

    You can add css code to align them all properly.

    Here's a css code I tested in a clone of your form.

    #cid_111,#cid_112,#cid_113,#cid_114,#cid_115,

    #cid_116,#cid_117,#cid_118,#cid_119,#cid_120,

    #cid_121,#cid_122,#cid_123,#cid_124,#cid_125,

    #cid_126{

     height: 155px;

     width: 250px

    }

    You can inject this to your form to fix it. Here's a guide that can help: How to Inject Custom CSS Codes

    Hope this helps,
    Regards.

  • Profile Image

    Answered by je862 on January 15, 2016 at 10:47 AM
    Thanks much.


    Jim Erickson
    Cell 214 762-5813
    Fax 214 919-3176
    www.pediatricsafterhours.com





    ...
  • Profile Image

    Answered by je862 on January 15, 2016 at 11:47 AM
    A. Does it matter where this code is inserted in the “Preferences/Form Styles/ Inject Custom CSS”?
    B. Does the “width : 250 px” make the columns line up as in your clone?

    Thanks,


    Jim Erickson
    Cell 214 762-5813
    Fax 214 919-3176
    www.pediatricsafterhours.com





    ...
  • Profile Image
    JotForm Support

    Answered by Mike on January 15, 2016 at 02:22 PM

    We generally suggest adding a custom CSS into a CSS tab in form designer, or alternatively at the end of the “Preferences/Form Styles/ Inject Custom CSS” section.

    I have added Chriistian's CSS to your #60137688531156, and it appears to be displaying the Matrix fields as on his example.

    Thank you.

  • Profile Image

    Answered by je862 on January 15, 2016 at 06:47 PM
    Wow, that looks great. Thanks for the help.


    Jim Erickson
    Cell 214 762-5813
    Fax 214 919-3176
    www.pediatricsafterhours.com





    ...