Form does not work correctly on mobile view.

  • Gideon_Arom
    Asked on November 29, 2022 at 9:01 AM

    Hello,

    I have a problem with my form on mobile. If I keep the 'scrolling' attribute on the iFrame element to the default "no", then the iFrame does not have enough height to show the entire form and gets cut off on all mobile devices. I can fix this by changing 'scrolling' to "yes" but then a different problem happens - on iPhone, the scrolling is not smooth - it gets does not respond after each up-swipe motion and requires you to swipe up multiple times (probably because the iframe and outer site are competing for the action).

    Is it possible to set a higher value for iFrame height in mobile devices only? Or maybe there's a solution for the scrolling issue.


    Thanks,

    Gideon

  • Rene JotForm Support
    Replied on November 29, 2022 at 9:11 AM

    Hello Gideon,

    Thanks for reaching out to Jotform Support. Sometimes the issue that only happens on mobile can be fixed using a CSS code. To better assist you, could you please share with us the link to the form you are referring to? Also, kindly share with us the link to the webpage where the form is embedded for us to further check.

    Once we hear back from you, we'll be able to help you with this.

  • darrensmith32123
    Replied on November 29, 2022 at 9:59 AM

    Hi,

    I am also Facing this issue but on my Tab it mostly not opening on my tab.

  • Manilene JotForm Support
    Replied on November 29, 2022 at 11:13 AM

    Hi Gideon,

    Thanks for getting back to us. I'm sorry you're having this issue. To further help you get to the bottom of this, as requested by my colleague, would you please provide us with the link to your form in question and the link to the webpage where your form is embedded? This way we can perform additional testing and see if we can replicate the issue.

    We'll look forward to your response.

  • Gideon_Arom
    Replied on December 2, 2022 at 9:10 PM

    Hi there,

    I fixed by writing this media query below. You can close this ticket, thanks!


    @media(max-width: 450px){

    #JotFormIFrame-JotFormIFrame-223256395228157{ height:4300px !important; }

    }

  • Rene JotForm Support
    Replied on December 2, 2022 at 11:09 PM

    Hello Gideon,

    Thanks for getting back to us and for keeping us updated. It is good to know that the form is now perfectly working on mobile view by injecting a certain CSS code into your form. Please don't hesitate to let us know if you have any other concerns regarding Jotform, we are happy to help.

    Reach out again if there’s anything else we can help you with.