How can I create a simple table?

  • Profile Image
    MJPTuition
    Asked 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.

  • Profile Image
    Welvin
    Answered 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
    MJPTuition
    Answered 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
    Welvin
    Answered 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
    MJPTuition
    Answered on August 08, 2013 at 05:51 PM

    That's great! Thanks Welvin. :)