I have tried this and it seems to work.

  • Glen Mandsberg
    Answered on November 16, 2021 10:34 AM

    I have tried this and it seems to work. Expect it cuts of the last part of the iframe. I can see that other persons have had this issue. You recommend setting height of container or finding some script error, but non of this is the issue.
    Last attempt was to embed it as an iFrame. You can go to to see the very basic code.
    Can you spot the error?

  • Johann_A
    Answered on November 16, 2021 12:21 PM


    Are you saying that the Iframe code has been cut off? Or the part of the form?

    Can you share with us the URL of your form? You can adapt in the Iframe code the height of the form.

    Waiting for your answer.


  • Mandsberg
    Answered on November 17, 2021 12:53 AM

    Hi Johann

    Thank you very much for your quick reply. I actually added the links, but somehow they disappeared. :-)

    I have a script version here : https://a-l.ink/script.html and a iframe version here https://a-l.ink/iframe.html. The original version of the form can be found here https://form.jotform.com/213005605171038. Try open one of the first two on your phone and the original version. You will see a big difference.

    In order to explain the problem better I recorded a video on Loom to you. This can be viewed here:https://www.loom.com/share/f1285009b99346ba801bda12a25a1971

    Best regards


  • Johann_A
    Answered on November 17, 2021 06:14 AM

    Hi Glen,

    Thank you for the video. It is clearer for me npw.

    Could you please try to change the height and width in the iFrame? You can find the sections by searching for height and width in ctrl+f. Then you can adjust, and see if it populates correctly.

    1635281049 617868990e3e9  Screenshot 10

    Note that you will have to paste it someplace else to make the edits, before copying and embedding.

    Let me know how it goes!

  • Johann_A
    Answered on November 18, 2021 05:22 AM


    Are you saying that the issue is solved? Do you need still assistance for that?


  • Mandsberg
    Answered on November 18, 2021 05:48 AM

    hi Johann

    No, unfortunately not. I have done what you suggested, but it is not working. I tried setting the value highter and lower as the 539px that is the default. I even changed in the script to meet the exact height of the iPhone

    But that didnt work out either.

    1637232439 61962f374fd4d  Screenshot 10

    Do you have another suggestion in order to make the form show correctly?

    Thank you very much.


  • Johann_A
    Answered on November 18, 2021 07:56 AM

    Hey Glen,

    Allow me some time, so I can advise a better solution.



  • Johann_A
    Answered on November 18, 2021 09:59 AM

    Hi Glen,

    Can you try to inject this CSS code to your website:

    @media screen and (max-width: 600px) {
     height405px !important;
    overflow: hidden !important;


  • Mandsberg
    Answered on November 19, 2021 02:58 AM

    Hi Johann

    I added the sugested css to our the webpage https://a-l.ink/iframe.html. Is it possible for you to verify that I did this correct. It didn't have any effect - as far as I can tell.

    I did a test on real phones (iOS and Android) and it seems to be a problem not only in browsers simulating phones.

    We dont necessary need to go with the iframe solution, we could make it another way, as long as it works.

  • Mandsberg
    Answered on November 19, 2021 04:30 AM

    Hi Johann

    I found a solution! I believe that, for some reason, I mixed up the formid from my 3 different forms. So, the script in the iFrame code was referring to another of my forms. I dont know if this was my mistake or some caching issue in the IIS that servers the pages. However, you can consider this problem solved and I am very sorry that you had to spend time on it.



  • Nina JotForm Support
    Answered on November 19, 2021 06:48 AM

    Hi Mandsberg,

    Thank you for letting us know that the issue is solved. Know that we are always here to assist you!

    Have a nice day!