- white74Asked on September 12, 2011 at 04:23 AM
I am building a new form.
However when I preview the form, the submit button appears at the top of the form, instead of at the bottom where it should be.
I have tried chrome and safari browsers, but it is the same problem with both.
The submit button appears at the top of the page, overlapping the first question.
If I click 'refresh'... the form appears correctly!
I have tried restarting the browsers, but the problem persists.
Do I need to empty the cache? Have I saved a local copy which is loading first?
Thanks for your help..
- allanftdAnswered on September 12, 2011 at 10:20 AM
Thank you for your message. A workaround that you can do is to remove the problematic Submit button and insert a Free Text (HTML) field at the bottom part of the form to embed a Submit button manually using this code:
<input type="submit" value="Submit" />
To see this button in action, please open this form - http://www.jotform.com/form/12253210329.
Kindly inform us if you have any other questions or concerns. Thank you and enjoy using JotForm!
- white74Answered on September 12, 2011 at 04:05 PM
Thanks for the tip, but no-luck.
This 'free text' version is also appearing at the top.
Can you investigate further?
The form is: http://form.jotform.com/form/12530049167
- JotForm SupportNeilVicenteAnswered on September 13, 2011 at 02:59 AM
Do you have the form embedded somewhere? If yes, can you please give us the URL of the exact page where it is embedded? If not, and you're using the form as standalone, try changing the URL from form to www such that the URL will become http://www.jotform.com/form/12530049167
We look forward to your response and updates. Thanks!
- white74Answered on September 13, 2011 at 05:59 AM
Accessing it via the URL with 'www' still appears incorrectly the first time it loads.
If I click 'refresh' it then appears correctly.
I have emptied the browser cache as I thought this may help, but still the same. Wrong the first time.
Will I need to re-do the form?
The form appears under a feedback style button. Do you require the URL?
- JotForm SupportNeilVicenteAnswered on September 13, 2011 at 06:03 AM
When you say "accessing it via the url", do you mean viewing the form using its direct link - http://www.jotform.com/form/12530049167?
Also, yes, the URL will be of great help. Thanks!
- white74Answered on September 13, 2011 at 06:20 AM
I tried yesterday with both Chrome and Safari (with problems).
I just tried safari again and it loaded correctly!
I thought I better try it a few times, and the second and third time it loaded incorrectly. (Both my free text and submit button overlapping the first question).
the url is: http://www.antikk.net/V3/baby.aspx
Sorry forgot to mention it's also showing incorrectly with the direct link you provided
- JotForm SupportNeilVicenteAnswered on September 13, 2011 at 06:39 AM
After running a couple of tests, I found out that this is an issue with WebKit based browsers, Chrome and Safari. Below is a temporary fix. Please apply it on your form.
Inject this css code to your form:
To inject custom css:
1. Go to Setup & Embed tab
2. Click Preferences Form button
3. Choose Form Styles tab
4. Copy and paste the css code in the Inject Custom CSS textarea
Hopefully, it works for you. Consequently, I'll be submitting a report for this cross-browser issue so that it will be fixed permanently.
Thank you very much for your continued patronage.
- mmeyersAnswered on May 31, 2012 at 11:15 AM
I'm also having this problem in Chrome. The fix described here works, but it looks like the permanent fix still hasn't happened.
- AtacanCAnswered on May 31, 2012 at 04:31 PM
Can you please open a new thread and provide us the URL of your website?
Thanks for your cooperation.