Embedded form stopped working

  • Profile Image
    refugeelaw
    Asked on July 21, 2019 at 12:54 AM

    Hello,

    I have used the EMBED script for many years now (ENFOLD theme).

    For an unknown reason, it stopped working and the form no longer shows.

    The iFrame option has an assigned height, which affects its responsivity in mobile devices. On the other hand, the EMBED script used to work fine on all platforms.

    Is there a reason why the usual EMBED script suddenly stopped working, although I did not make any particular change to the site.

    This remains a mystery which affects the implementation of Jotform forms as a whole.

    Regards,

    Martin

  • Profile Image
    VincentJay
    Answered on July 21, 2019 at 08:38 AM

    Please try re-embedding the form using the iFrame method to avoid code conflicts. Here's a guide: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    If the issue still persists, please let us know. Thank you.

  • Profile Image
    refugeelaw
    Answered on July 21, 2019 at 10:42 AM

    Hello,

    As indicated in my initial query, IFRAME does not provide an adequate solution. Please read the 3rd paragraph of my initial query.

    https://www.refugee.co.za/test/  has iFrame now as proof thereof.

    The height is an issue. I can adjust it, but, on mobile, it will yield a poor result.

    I guess one would have to use @media rule, but it is always an approximation in my view.

    The default height is 539px, obviously not enough for a long form.

    I wonder what is causing the problem with EMBED. It worked perfectly fine for several years. Maybe the last WP update?

    Regards,

    Martin

  • Profile Image
    Nik_C
    Answered on July 21, 2019 at 03:00 PM

    You could use an iFrame code with defined height but with the scrolling option set to on here is the code:

    https://www.jotform.com/build/81394706242558/publish/embed

    <iframe id="JotFormIFrame-81394706242558" title="Certification Questionnaire" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.myjotform.com/refugeelaw/certification-questionnaire" frameborder="0" style="width: 1px; min-width: 100%; height:539px; border:none;" scrolling="yes" > </iframe>

    So when you view on mobile for example, you could scroll through form.

    @media could also work, but you would have to specify the height that you want to use for all screen sizes.

    Hope it helps.