-
yajurverma32Asked 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 SupportReplied 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.
-
yajurverma32Replied 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.