-
ragandboneAsked 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:
-
Kiran Support Team LeadReplied 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!
-
ragandboneReplied 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 SupportReplied 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.
-
ragandboneReplied on September 5, 2019 at 5:55 PM
Okay, thanks for that.
-
ragandboneReplied on September 6, 2019 at 3:43 AMI'll give that a try.
... -
ragandboneReplied on September 6, 2019 at 3:43 AMOkay:
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_CReplied 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.
-
ragandboneReplied 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_CReplied 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:
Let us know if you have any questions or if you need further assistance.
-
ragandboneReplied on September 6, 2019 at 9:37 AM
Thanks for that!