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 reduce the width of the matrix table?

    Asked by swapna_summit on September 04, 2014 at 06:09 AM

    H in this form  


    the matrix Race, Gender ,Rank (drop down matrix in page 2) have to reduce to a minimum value and no horizontal space in between these matrices. so that these three matrices should look as one matrix . i need to merge these matrices on above matrix next to the (Learner's personal details (text-box matrix)) and those two matrices should look same, and by increasing the form width i need to put the check boxes matrix next to this also if possible.




  • Profile Image

    Answered by cettox on September 04, 2014 at 07:26 AM

    Hi swapna_summit,


    Our matrix field currently does not support different dropdown's for multiple columns, so you had to use 3 matrix fields instead of 1.

    Since it is hard to apply specific styling usign form builder, with the help of some inject css, it is possible to get a more desired display, for example, I have used following css :


    #id_663, #id_664, #id_665 {
    width: 134px;


    With your this cloned version of form, and now more look like a single field than the previous time :



    I hope this will help you solve your problem. Thank you!