How to reduce the width of the matrix table?

  • Profile Image
    swapna_summit
    Asked on September 04, 2014 at 06:09 AM

    H in this form  

    http://www.jotform.com//?formID=42431153944956

    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.

     

    Thanks,

    swapna.

  • Profile Image
    cettox
    Answered 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 :

    http://form.jotformpro.com/form/42462800085955?

     

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