Fields Overlapping

  • Profile Image
    haydentank
    Asked on November 01, 2012 at 02:20 AM

    Hi,

     

    I was having trouble with fields overlapping on one of my forms. On the third page, after selecting "no" on the "is this your permanent address?" question, the condition provides that it should show a secondary address box. When it pops up, it overlays on top of the initial address box, though. I've tried the steps mentioned on http://www.jotform.com/answers/50421-Fields-overlapping-in-Chrome to no avail. Is there any further troubleshooting I can try?

  • Profile Image
    idarktech
    Answered on November 01, 2012 at 03:17 AM

    Hi,

    You've added it incorrectly. It's not form-inline, it is form-line. Also, the form-line class doesn't have end block "}". This is what I see on your source currently.

    .form-inline {

    display:block;.label {

    display: inline-block;

    }

    It should be this:

    .form-line {

    display:block;

    }

    label {

    display: inline-block;

    }

    That should fixed it. Thanks!

  • Profile Image
    haydentank
    Answered on November 01, 2012 at 03:29 AM

    Whoops, my fault. Should have copied/pasted in the first place. Thanks for the help!

  • Profile Image
    idarktech
    Answered on November 01, 2012 at 03:31 AM

    Glad it helps. Just feel free to let us know if you have any other questions or concerns. Have a nice day! =)