-
nawruzAsked on October 28, 2020 at 10:13 PM
Hi!
I'm using wordpress.com and used the 3rd party embedded option to embed the form on my website : https://medivor.com/covid-19-questionnaire/
However, as you will notice, the form screen has been reduced in height, forcing users to scroll inside the embed window.
How can I get rid of that second scrollbar and use the height of the page to clearly show the entire form?
Thanks
Sam
-
Ashwin JotForm SupportReplied on October 29, 2020 at 1:52 AM
Please note that the issue is not related to the form height but the height of the iframe you have added in your web page. I would suggest you to please use the following iframe embed code to embed your form in your WP page and that should solve your problem:
<iframe id="JotFormIFrame-203010538198249" title="Medivor - COVID 19 Questionnaire" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/203010538198249" frameborder="0" style=" min-width: 100%; height:5450px; border:none;" scrolling="no" sandbox="allow-forms allow-scripts allow-same-origin allow-top-navigation allow-popups allow-popups-to-escape-sandbox"> </iframe>
Hope this helps.
Do try it out and get back to us if you have any questions.
-
nawruzReplied on October 29, 2020 at 9:57 AM
Hi, thanks but its still not working. Whenever I press publish inside WP, the code disappears.
To clarify:
I use wordpress.com
I use classic editor
for JotForm, the only option publish option that works is the 3rd party Wordpress.com that generates this embed code: [embed]https://form.jotform.com/form/203010538198249[/embed] but my issue is the size displayed on the web page, where I would like it to be full page and without the form scroll.
I tried the embed, iframe, pop up and none of them displayed my form on my webpage. the one that works is the 3rd party wordrpress.com embed option.
so how can I adjust its size?
-
Sam_GReplied on October 29, 2020 at 11:09 AM
Hello Sam,
Kindly set a height parameter to the embed codes.
[embed height=5580]YOUR FORM URL[/embed]
Let us know if the issue persists.
-
nawruzReplied on October 29, 2020 at 11:24 AM
hi Sam,
no changes. it seems like anything above 500 makes no impact to the height of the form. I've tried 5580, 1000, 3000, 10000, no changes...
see for yourself
https://medivor.com/covid-19-questionnaire/
Waiting for your reply
thanks
Sam
-
Ashwin JotForm SupportReplied on October 29, 2020 at 12:38 PM
I would suggest you to please inject the following custom CSS code in your WordPress site (not JotForm) and see if that solves your problem:
.embed-jotform iframe {
height: 5450px !important;
}
.embed-jotform {
height: 5450px !important;
}
The following guide should help you how to inject custom CSS code on WordPress: https://wordpress.com/support/custom-design/editing-css/
If the issue persists, please share your WordPress credentials temporarily, and we will check the issue.
We will wait for your response.
-
nawruzReplied on October 29, 2020 at 1:26 PM
Super, it worked!
I changed the height to match the height of 5580 and its perfect.
thanks again
Sam