What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    submit button appears in wrong place

    Asked by white74 on September 12, 2011 at 04:23 AM

    Hello,

    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..

    Richard.

  • Profile Image

    Answered by allanftd on September 12, 2011 at 10:20 AM

    Hi Richard,

    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!

    JOTFORM SUPPORT

  • Profile Image

    Answered by white74 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

    Thanks,

    Richard.

     

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 13, 2011 at 02:59 AM

    Hi Richard,

    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!


    Neil

  • Profile Image

    Answered by white74 on September 13, 2011 at 05:59 AM

    Hi Neil,

    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?

    Thanks, Richard.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 13, 2011 at 06:03 AM

    Richard,

    When you say "accessing it via the url", do you mean viewing the form using its direct link - http://www.jotform.com/form/12530049167?

    It is quite odd that it would appear incorrectly even if the cache is cleared. Have you tried using a different browser, such as Chrome or Firefox?

    Also, yes, the URL will be of great help. Thanks!


    Neil

  • Profile Image

    Answered by white74 on September 13, 2011 at 06:20 AM

    Hi Neil,

    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

    Thanks, Richard.

    Sorry forgot to mention it's also showing incorrectly with the direct link you provided

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 13, 2011 at 06:39 AM

    Richard,

    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:

    .form-line {
        display:block;
    }

    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.


    Neil

  • Profile Image

    Answered by mmeyers 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.

  • Profile Image

    Answered by AtacanC on May 31, 2012 at 04:31 PM

    @mmeyers

    Can you please open a new thread and provide us the URL of your website?

    Thanks for your cooperation.