How to reduce the width of the matrix table?

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