What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Inserting Form Distorts Page / error

    Asked by MamasMedCabinet 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:  http://pastiebin.com/54fde3815af79 

    Page URL:
    https://mamasmedicinecabinet.com/Copy%20of%20contact.htm

    Screenshot
    form class JotForm textarea checkbox french
  • Profile Image

    Answered by Carina 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 by MamasMedCabinet 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
    JotForm Support

    Answered by KadeJM 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 by MamasMedCabinet 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 by MamasMedCabinet 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
    JotForm Support

    Answered by david 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.

    http://www.jotform.com/pricing