My form is not completely displayed in mobile view.

  • SprachinstitutBerlin
    Asked on April 8, 2016 at 6:39 AM

    Can you please help me, my form is not completely shown in mobile view.

    Page URL: http://sprachinstitut-berlin.de/englisch-sprachtest/
  • beril JotForm UI Developer
    Replied on April 8, 2016 at 7:05 AM

     I am able to reproduce the same issue that you're having on my phone.

    My form is not completely displayed in mobile view Screenshot 20

     

    Can you re-embed the code as you see below?

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/53093030097349" frameborder="0" style="width:100%; height:939px !important; border:none;" scrolling="no"> </iframe> 

    If this does not resolve the issue, please let us know and we will be glad to take another look.

  • SprachinstitutBerlin
    Replied on April 13, 2016 at 4:59 AM

    Unfortunately, the problem is not resolved... it still does not show the whole form in mobile view.

  • beril JotForm UI Developer
    Replied on April 13, 2016 at 7:35 AM

    Thank you for letting us the result.  According to my researches, your HTML code might be lacking the metadata that should autofit/zoom the page on mobile.

    Can you also add the following code to your HTML page between your ... tags?

     

    I hope it will work.

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • beril JotForm UI Developer
    Replied on April 14, 2016 at 3:22 AM

    Hi again,

    I realized that my code changed after posting my reply.

    My form is not completely displayed in mobile view Screenshot 20

    We would appreciate it if you could add the code below between your head tags.

     

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    Feel free to contact us any time. We will be happy to assist you.

  • Tctr
    Replied on August 13, 2016 at 7:34 AM

    hello how can we add this code between head tags?

  • victor
    Replied on August 13, 2016 at 11:42 AM

    As my colleague indicated, you would need to manually add this in your web page. You can open the HTML code of your site in any HTML editor. You should see the HTML tag

    <HEAD></HEAD>

    You can copy and paste the code provide in between this tags. You would need to save the changes and load the file again into your web server.

    My form is not completely displayed in mobile view Screenshot 20

    Please let us know if that helps.