Form not displayed on iOS devices using Safari

  • Profile Image
    rjjacob
    Asked on January 13, 2020 at 07:46 PM

    No matter whether I use the Script, Embed iFrame or full Source code method, the form does not display on iOS 13.3 and Safari, Chrome or Firefox, either iPad or iPhone. It's just not there.

    I've had to put a warning, "Form not displaying on mobile device? Click here" to take the user directly to the form at Jotform where it does display.

    The issue then is the embed JS/CSS/HTML of the form when embedded.

    The form is embedded in a Joomla 3.9 article.

  • Profile Image
    BJoanna
    Answered on January 14, 2020 at 03:38 AM

    I asked one of my colleagues to test the issue you reported on the iPhone and she was able to replicate it. The form is shown fine on my Android phone. 

    Did you embed the form by following steps from this guide?

    How to Embed Jotform to Joomla 3

    If not, please try to see if that will resolve the issue. If the issue is still not resolved try with the iFrame embed code without the script part of the code. Use only the following part of the code:

        <iframe

          id="JotFormIFrame-61345772945969"

          title="Bohemian Garden Rhapsody Tour Registration Form"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          allowfullscreen="true"

          allow="geolocation; microphone; camera"

          src="https://form.jotform.com/61345772945969"

          frameborder="0"

          style="

          min-width: 100%;

          height:1633px;

          border:none;"

          scrolling="no"

        >

        </iframe>