My forms not submitting when integrated with Dreamweaver code.

  • ragandbone
    Asked on September 5, 2019 at 1:30 PM

    Up until recently this worked, but now my forms seem to work if I use the link displayed in the publish panel in JotForm, but not when I test them on my website using the DreamWeaver code. I can fill in the form on my site, but submit doesn't take effect... the page flashes briefly, and then comes back with the form intact ready to....not submit again!

    What am I missing?

    This works:

    https://form.jotform.com/91996213962266

    But not this:

    https://www.ragandbone.ca/Pages/contact.html

    This works:

    https://form.jotform.com/ragandbone/rag--bone-booking-inquiry

    but not this:

    https://www.ragandbone.ca/Pages/shows.html?opm=1_4

  • Kiran Support Team Lead
    Replied on September 5, 2019 at 2:16 PM

    I see that the forms are embedded using full source code method on your web pages. This seems to be causing some conflict with the other scripts on the web page. Please try embedding the form using the default Javascript embed method or iFrame embed method so that it should be working fine.

    Thanks!

  • ragandbone
    Replied on September 5, 2019 at 5:16 PM

    Okay:

    I got iframes to work, but not the default Java. 
     
    I guess that's...okay, but is there some way of restoring full functionality? The iframe doesn't style quite as well.
  • Ivaylo JotForm Support
    Replied on September 5, 2019 at 5:49 PM

    We usually recommend iFrame to prevent script conflicts since the form loads in an iframe container. Source code is usually exposed to script conflicts. So, this causes issues with the form functionality. When you use iFrame, almost nothing can break the form on your page.


  • ragandbone
    Replied on September 5, 2019 at 5:55 PM

    Okay, thanks for that.

  • ragandbone
    Replied on September 6, 2019 at 3:43 AM
    I'll give that a try.
    ...
  • ragandbone
    Replied on September 6, 2019 at 3:43 AM
    Okay:
    I got iframes to work, but not the default Java.
    I guess that's...okay, but is there some way of restoring full
    functionality? The iframe doesn't style quite as well.
    ...
  • Jed_C
    Replied on September 6, 2019 at 6:45 AM

    I checked these links https://www.ragandbone.ca/Pages/contact.html and https://www.ragandbone.ca/Pages/shows.html?opm=1_4, you haven't embedded it in iframe.

    Can you please share the link where the form is embedded in iframe and we'll check the styling compared with the one embedded using script code.

    Looking forward for your response. 

  • ragandbone
    Replied on September 6, 2019 at 7:43 AM

     https://www.ragandbone.ca/Pages/shows.html?opm=1_4 is running the iframe, but my host has a CDN running, so it sometimes takes a while to see the new page.


    I got mixed up on the other one, and left the java version up...I've replaced it with the iframe code now. See:

    https://www.ragandbone.ca/Pages/contact.html

    (again, it may take a while for this to be visible)

    There's really no big issue with the iframe version...for some reason it's got a drop shadow on it, and i"m not sure how to get it to align to the left in my tab, but that's probably something in the code on my page I'm missing.


    Thanks for following up with this.

  • Jed_C
    Replied on September 6, 2019 at 9:02 AM

    The form in this page https://www.ragandbone.ca/Pages/shows.html?opm=1_4 is now showing the iFrame embed code.

    If you want to remove the form shadow, please inject the CSS below on both forms.

    .form-all {

        box-shadow: none !important;

    }

    Sample output will be like this:

    1567774904box shadow Screenshot 10

    Let us know if you have any questions or if you need further assistance. 

  • ragandbone
    Replied on September 6, 2019 at 9:37 AM

    Thanks for that!