-
taylor8126Asked on July 20, 2015 at 10:57 PM
My original form is not allowing students to sign up for classes. I designed another form to place on my website, Southern Mississippi Motorcycle Training, but when I try to update my page with the new embedded code, it still shows the old form. How do I change the forms?
-
Ashwin JotForm SupportReplied on July 21, 2015 at 2:56 AM
Hello taylor8126,
I'm sorry for the trouble caused to you.
I did check your form and found that you have embedded your new form already (#52008188428154). There seems to be some problem in your new form as well where only first 3 form fields is allowing input. Please check the screenshot below:
When I tested your form with its direct URL, it seems to work as expected. Please check the screenshot below:
I would suggest you to please embed your form using its iFrame embed code and see if that solves your problem. The following guide should help you how to grab your form's iFrame embed code: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code
Do try it out and get back to us if the issue persists.
Thank you!
-
taylor8126Replied on July 21, 2015 at 7:59 AMI have embedded the iframe code. Entered information on form with some difficulty but when I pressed the submit form button it didn't work.
Sent from my iPhone
... -
Ashwin JotForm SupportReplied on July 21, 2015 at 9:38 AM
Hello taylor8126,
I did check your web page where you have embedded your form and found that there are actually two forms embedded. One form is embedded using iFrame embed code and the other one is embedded using script embed code. Please check the screenshot below:
I believe this is actually causing this issue. It seems one of the div has position absolute and both the forms are overlapping.
I would suggest you to remove one of the form and that should solve your problem.
Thank you!
-
taylor8126Replied on July 21, 2015 at 6:34 PMAfter removing what you suggested my form does not appear on the page at all.
Sent from my iPhone
... -
taylor8126Replied on July 21, 2015 at 6:34 PMAfter I removed what you suggested the form does not appear at all now.
Sent from my iPhone
... -
Ashwin JotForm SupportReplied on July 22, 2015 at 12:50 AM
Hello taylor8126,
I did check your webpage and form seems to be very much visible. It seems to work as expected and I am able to input in the textboxes. Please check the screenshot below:
The only issue I see in your embedded form is that submit button is not being displayed. It seems bottom of the form is getting cut. It is caused because of the div height where the form is embedded. Increasing the height of the div will fix the problem. Please add the following custom css code in your webpage (NOT in form)where you have embedded your form:
<style type="text/css">
div#html1 {
height: 900px !important;
}
</style>
Thank you!
-
taylor8126Replied on July 22, 2015 at 8:04 AMAfter sending the email yesterday I continued to work on my form and got it to appear on page and work properly. After including the code you sent to correct my submit button problem, my form disappeared again. I removed the code & my form still does not appear.
Sent from my iPhone
... -
taylor8126Replied on July 22, 2015 at 8:14 AMGot it restored but not sure where to put code so that my submit button shows up. Do I embed it after form code or before?
Sent from my iPhone
... -
Chriistian Jotform SupportReplied on July 22, 2015 at 9:41 AM
Hi taylor8126,
The CSS code given to you by my colleague has !important keyword so it should take effect whether you embed it before or after your form's embed code.
Do let us know if you need further assistance.