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 can I create a simple table?

    Asked by MJPTuition on August 08, 2013 at 06:38 AM

    Is there any way to create a simple table in JotForm like the one in the picture attached? The gray boxes are text areas.

    I have tried to create this using the HTML input and wasn't sure how to include text areas that worked.

    I also tried a matrix with text boxes and injected CSS to increase the size of the text boxes. The text box inputs wouldn't wrap and the CSS affected every table in the form. The matrices also keep resetting the row numbers and names each time I reopen the form. So instead of having 1 row without a title, it displays 4 rows with the default 'service quality', 'overall hygiene', etc.

    Many thanks,

    Mike.

    Screenshot
    table create JotForm size picture
  • Profile Image
    JotForm Support

    Answered by Welvin on August 08, 2013 at 08:59 AM

    Hi Mike,

    The entries wouldn't wrap because the input type of the matrix fields is a text box, not text area. Unfortunately, that is how the matrix works. 

    How about creating the form using the Basic Fields such as Text Box and Text Area? Example Form: http://www.jotform.co/form/32193279164862. You can align the form fields using Field Positioning function:Form Field Positioning.

    Will this work for you? Let us know!

    Thanks 

  • Profile Image

    Answered by MJPTuition on August 08, 2013 at 11:13 AM

    Hello Welvin,

    Yes that'll work fine, thank you very much! :)

    How did you get the text areas to display closer together?

    Mike.

  • Profile Image
    JotForm Support

    Answered by Welvin on August 08, 2013 at 02:09 PM

    Hi Mike,

    You are welcome. I have added some custom CSS codes to the form to adjust the left margin. Below are the codes:

    .form-line.form-line-column {

    margin-left: -65px;

    }

    Here's the guide on how to inject a custom CSS codes to the form: How to Inject Custom CSS Codes. If you need any further assistance about this, let us know.

    Thanks

  • Profile Image

    Answered by MJPTuition on August 08, 2013 at 05:51 PM

    That's great! Thanks Welvin. :)