My forms not submitting when integrated with Dreamweaver code.

  • Profile Image
    ragandbone
    Asked on September 05, 2019 at 01: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

  • Profile Image
    Kiran
    Answered on September 05, 2019 at 02: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!

  • Profile Image
    ragandbone
    Answered on September 05, 2019 at 05: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.
  • Profile Image
    Ivaylo
    Answered on September 05, 2019 at 05: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.


  • Profile Image
    ragandbone
    Answered on September 05, 2019 at 05:55 PM

    Okay, thanks for that.

  • Profile Image
    ragandbone
    Answered on September 06, 2019 at 03:43 AM
    I'll give that a try.
    ...
  • Profile Image
    ragandbone
    Answered on September 06, 2019 at 03: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.
    ...
  • Profile Image
    Jed_C
    Answered on September 06, 2019 at 06: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. 

  • Profile Image
    ragandbone
    Answered on September 06, 2019 at 07: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.

  • Profile Image
    Jed_C
    Answered on September 06, 2019 at 09: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.gif

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

  • Profile Image
    ragandbone
    Answered on September 06, 2019 at 09:37 AM

    Thanks for that!