Preview mode does not line up with edit mode

  • Profile Image
    je862
    Asked on December 12, 2016 at 09:08 PM

    I'm trying to insert a line above "Ears" in the form so that the "Abdomen" selections do not overlap "Neck".  In the edit mode the "Ears" selection is on the same line as "Eyes" so there is no way to insert a  line above "Ears".  The form lines up okay in the "Preview" mode.

     

  • Profile Image
    emily
    Answered on December 13, 2016 at 02:43 AM

    Hi,

     

    Thank you for contacting us.

     

    I inspected your form with ID:60137688531156. It seems like you have shrinked the Matrix fields of your form. This is why the fields are overlapping.

     

    To fix this issue, you need to put space before each matrix field. You can adjust the space according to your requirements. 

     

    Kindly inject the custom CSS codes to your form.

     

     li#id_111 {

        margin-top: 20px;

    }

    li#id_112 {

        margin-top: 20px;

    }

    li#id_113 {

        margin-top: 20px;

    }

    li#id_118 {

        margin-top: 20px;

    }

    li#id_119 {

        margin-top: 20px;

    }

    li#id_120 {

        margin-top: 20px;

    }

    li#id_121 {

        margin-top: 20px;

    }

    li#id_122 {

        margin-top: 20px;

    }

    li#id_123 {

        margin-top: 20px;

    }

    li#id_124 {

        margin-top: 20px;

    }

    li#id_125 {

        margin-top: 20px;

    }

    li#id_126 {

        margin-top: 20px;}

     

     

    Please have a look at the user guide below.

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    If need further guidance, please let us know.

     

    Thank you.

  • Profile Image
    je862
    Answered on December 13, 2016 at 05:53 PM

    that worked. Thanks.

    Jim Erickson