How to get the Matrix table to load on the proper line

  • Profile Image
    je862
    Asked on January 15, 2016 at 01:44 AM
    Is there an easy way to get the Matrix Table to load on to the proper line. Setting up the Matrix Table is easy, but when I try to move it to the proper line, it jumps around and often ends up on the very bottom or top of the form.
  • Profile Image
    Chriistian
    Answered on January 15, 2016 at 02:17 AM

    Hi,

     

    You can add css code to align them all properly.

    Here's a css code I tested in a clone of your form.

    #cid_111,#cid_112,#cid_113,#cid_114,#cid_115,

    #cid_116,#cid_117,#cid_118,#cid_119,#cid_120,

    #cid_121,#cid_122,#cid_123,#cid_124,#cid_125,

    #cid_126{

     height: 155px;

     width: 250px

    }

    You can inject this to your form to fix it. Here's a guide that can help: How to Inject Custom CSS Codes

    Hope this helps,
    Regards.

  • Profile Image
    je862
    Answered on January 15, 2016 at 10:47 AM
    Thanks much.


    Jim Erickson
    Cell 214 762-5813
    Fax 214 919-3176
    www.pediatricsafterhours.com





    ...
  • Profile Image
    je862
    Answered on January 15, 2016 at 11:47 AM
    A. Does it matter where this code is inserted in the “Preferences/Form Styles/ Inject Custom CSS”?
    B. Does the “width : 250 px” make the columns line up as in your clone?

    Thanks,


    Jim Erickson
    Cell 214 762-5813
    Fax 214 919-3176
    www.pediatricsafterhours.com





    ...
  • Profile Image
    Mike
    Answered on January 15, 2016 at 02:22 PM

    We generally suggest adding a custom CSS into a CSS tab in form designer, or alternatively at the end of the “Preferences/Form Styles/ Inject Custom CSS” section.

    I have added Chriistian's CSS to your #60137688531156, and it appears to be displaying the Matrix fields as on his example.

    Thank you.

  • Profile Image
    je862
    Answered on January 15, 2016 at 06:47 PM
    Wow, that looks great. Thanks for the help.


    Jim Erickson
    Cell 214 762-5813
    Fax 214 919-3176
    www.pediatricsafterhours.com





    ...