Are there know issues with the Submit button on certain browsers?

  • cantusfirmus
    Asked on June 18, 2018 at 5:08 AM

    Hello. A number of users of my recent form "Crimson Glory Choir" have reported that there is no submit button. 

    I'm not able to replicate this problem, as it works on my devices.

    I have asked them which browser they were using, but they don't know what a browser is, let alone which one!

    Are there know issues with the Submit button on certain browsers?


    Richard

  • Victoria_K
    Replied on June 18, 2018 at 8:35 AM

    Hello Richard,

    I have tested your web page via several browsers and the Submit button is shown properly on desktop. But, I have noticed embedding issues on mobile:

    1529325165screenshotoet1y Screenshot 10

    In order to fix this, I can suggest to re-embed a form using iframe code: Getting-the-Form-iFrame-Code

    Please let us know if you need further assistance.

    Thank you.

  • cantusfirmus
    Replied on June 18, 2018 at 8:43 AM
    Hi Victoria,
    Thanks for your reply. This is helpful. I’ve re-uploaded the page with iFrame code and will see what happens.
    Best wishes
    Richard
    ______________________
    Richard Hubbard
    Artistic Director
    Cantus Firmus Trust
    www.cantusfirmus.org.uk
    ...
  • cantusfirmus
    Replied on June 18, 2018 at 9:43 AM
    Hi Victoria,
    Further to previous email - hmm, I’ve used the iFrame code, but the problem shown in your screenshot is still occurring.
    Works fine on computer and iPad, but not on iPhone.
    Richard
    ______________________
    Richard Hubbard
    Artistic Director
    Cantus Firmus Trust
    www.cantusfirmus.org.uk
    ...
  • Victoria_K
    Replied on June 18, 2018 at 10:42 AM

    Hello again,

    It seems that your other page content still conflicts to form's embedding scripts. Here is another option. Please use only iframe code and exclude script part:

    152933276306 11 2017 1497190688 Screenshot 10

    Here is the code for your web page:

     <iframe id="JotFormIFrame-81634698186370" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotformeu.com/81634698186370" frameborder="0" style="width: 1px; min-width: 100%; height:1122px; border:none;" scrolling="yes" > </iframe> 

    With scrolling set to "yes" it should work. Please try this option and do let us know if the issue persists.

    Thank you.

  • cantusfirmus
    Replied on June 19, 2018 at 5:43 AM
    Hi Victoria
    Thanks for your help in fixing this. I’ve applied the revised code you sent, but whilst it is fine on the computer, the same problem persists on the iPhone, whereby the bottom of the form overlaps the elements in the form footer.
    Richard
    ______________________
    Richard Hubbard
    Artistic Director
    Cantus Firmus Trust
    www.cantusfirmus.org.uk
    ...
  • mary Jotform Support
    Replied on June 19, 2018 at 9:40 AM

    Please add this CSS code to shown "div" in order to make your iframe scrollable on IOS devices:

    webkit-overflow-scrolling: touch;

    overflow-y:scroll;

    1529415401Screen Shot 2018 06 19 at 16 Screenshot 10

    If you need any help, let us know.