submit button appears in wrong place

  • Profile Image
    white74
    Asked 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
    allanftd
    Answered 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
    white74
    Answered 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
    NeilVicente
    Answered 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
    white74
    Answered 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
    NeilVicente
    Answered 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
    white74
    Answered 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
    NeilVicente
    Answered 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
    mmeyers
    Answered 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
    AtacanC
    Answered 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.