Form display issue

  • Profile Image
    nwdquizz
    Asked on November 18, 2012 at 09:05 PM

    Hello,

    My form is displaying incorrectly. It ends up looking like a bullet list with a new field for each point, but some of the more complicated fields (like the address field) have fields overlapping, and other such issues.

    Is there a way to reset the display, or any such thing? I haven't messed with the CSS of the form, so that shouldn't be the problem.

    Thanks.

  • Profile Image
    abajan
    Answered on November 18, 2012 at 09:26 PM

    Hi,

    Does the form appear okay at this link? If it does, please change the URL to http://www.jotform.com/form/20063141247. Another cause could be a conflict between the form's CSS and that of the page within which it's embedded (assuming it's embedded in a web page). In such a case, substituting the iFrame version of the form code for its full source should fix the problem.

    Please let us know if either solution works.

  • Profile Image
    nwdquizz
    Answered on November 18, 2012 at 09:38 PM

    Thanks for the quick response.

    Unfortunately, neither solution worked for me. I was using the Embed code (which uses <script> tags) to actually embed it in the page, but it looks like the screenshot I posted above. That screenshot, however, was taken from the Preview button on the Form Design page, so that's what it looks like coming directly from JotForm. When I try the iFrame embed it is still messed up.

  • Profile Image
    Welvin
    Answered on November 19, 2012 at 12:21 AM

    Hi,

    Can you share with us the webpage URL where the form is embedded so we can check? Iframe will make it to work without errors, iframe is the best solution when there's a conflict.

    Viewing your form on its direct link does not give me the bullets issues; this is what I see:

    We'll await you.

    Thanks

  • Profile Image
    abajan
    Answered on November 19, 2012 at 03:53 AM

    @nwdquizz

    Is the problem occurring with your other form too?

  • Profile Image
    abajan
    Answered on November 19, 2012 at 04:19 AM

    @nwdquizz

    If the issue is affecting both forms, please click the following link:

    http://max.jotfor.ms/min/g=formCss?3.1.861

    What do you see when you click it?

  • Profile Image
    nwdquizz
    Answered on November 19, 2012 at 09:31 AM

    Alright, I've figured out the issue. When I clicked the link it was blocked by my firewall. What I saw when I bypassed the firewall was a bunch of CSS code, which I'm assuming does all the styling for the form. I guess the form itself was loading, but not the CSS, because it was being blocked. So now I know that the viewers on my website shouldn't have an issue seeing th form (unless they have the same problem as me, in which case I can help them out).

    Thanks for helping me solve this so quickly!

  • Profile Image
    Welvin
    Answered on November 19, 2012 at 09:35 AM

    Great to hear that. If you will experience another issue with your form, please be sure to let us know.

    Thanks