Form not displaying properly on the Wordpress Website

  • yajurverma32
    Asked on October 26, 2020 at 10:01 AM

    Hi,

    I have other 10 forms for my two website and I copied the same HTML code for my other form and changed the jotform title, form number and height px. But it is not displaying full form on the mobile and also showing differently on windows. Also I see my display picture on top right of the form and its not in the center.

    Please have a look.


    https://www.sudburyorthodontics.ca/2477-2/


    The code I used is


    <iframe

      id="JotFormIFrame-202765578616062"

      title="COVID Consent Form"

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

      allowtransparency="true"

      allowfullscreen="true"

      allow="geolocation; microphone; camera"

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

      frameborder="0"

      style=" min-width: 40%;

      height:3200px;

      border:none;"

      scrolling="no"

     ></iframe>

  • Kenneth JotForm Support
    Replied on October 26, 2020 at 11:21 AM

    Thank you for reaching support,

    The reason it is not mobile responsive is that the min-width is currently set to 60%.

    Please follow this guide on How to Embed your Form's iFrame Code: https://www.jotform.com/help/148-getting-the-form-iframe-code

    Here is the Form's iFrame code:

    <iframe

       id="JotFormIFrame-202765578616062"

       title="COVID Consent Form"

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

       allowtransparency="true"

       allowfullscreen="true"

       allow="geolocation; microphone; camera"

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

       frameborder="0"

       style="

       min-width: 100%;

       height:539px;

       border:none;"

       scrolling="no"

      >

      </iframe>

    I hope that helps.

    Best.

  • yajurverma32
    Replied on October 26, 2020 at 11:41 AM

    Thanks for the prompt response. I copied the iframe code from the jotform and it worked.

    I appreciate that.