Inserting Form Distorts Page / error

  • Profile Image
    Asked on March 09, 2015 at 10:20 AM

    After I insert the code I can no longer see my other text in design view in dreamweaver and when I upload the page the page is distorted. 

    Code Before Inserting Form 


    Codes transferred to Pastiebin: 

  • Profile Image
    Answered on March 09, 2015 at 11:20 AM

    Please try adding the iFrame code instead, as it provides a more conflict free solution:

    Let us know if the problem persists.

  • Profile Image
    Answered on March 09, 2015 at 12:57 PM

    Didn't fix the problem. Still can't see form in Dreamweaver design view or online and it still distorts (makes too wide) my page. 

  • Profile Image
    Answered on March 09, 2015 at 02:16 PM

    What version of Dreamweaver are you using to generate this?

    I checked this in a standard html editor via the form script for DW just to get a better idea as to how it would turn out and it appears alright by itself.


    As soon as your site is mixed with the form code though then that is when it ends up looking rather wonky.


    This means that there's a conflict between the form and your website which was the reason as to why Carina had originally been suggesting for you to use the iframe code to try to help with it.

    As far as I know unless you have manually placed the bullets there those normally happen because the css file is missing a line of code. I think that this may also be affecting the way it is displayed as well.

    Have you tried downloading and using the source form files for the CSS and JS to update it to see if that will help at all? 





  • Profile Image
    Answered on March 09, 2015 at 02:33 PM

    I am using Dreamweaver 8. With source form I still get a distorted page. With iFrame the page isn't distorted, but I can't see the form online when the page is uploaded. 

  • Profile Image
    Answered on March 09, 2015 at 03:48 PM

    Enabling SSL as instructed here has fixed this problem for me.

    Thank you for your time and help JotForm support.   

  • Profile Image
    Answered on March 09, 2015 at 03:51 PM

    Glad to hear it!  Another user also suggested this workaround:

    The one thing that I would recommend to your customers is when you are working in Dreamweaver (and maybe other programs too) it's best to first add a table of at least 3 rows, and then insert the code into the top row of the table. I found that when I didn't do this, the code overlapped the design already in place on the page, and if it was the last item on the page, it went down below the copyright line and everything. Once I added the table of at least 3 rows, it worked fine.

    Though If yours is currently working properly, I would not make any changes.  Keep in mind that enabling SSL based submissions will use your SSL submission limits.  Since you are on a "Free" account, you are only allowed 10 such submissions.