Form height issue on embedded form

  • Profile Image
    jrittenhouse
    Asked on February 07, 2014 at 02:40 PM

    I think I've determined the root of the problem, and why our displays have never matched up over the past couple days.

    I didn't think it could have to do with the way I have it embedded onto a page, but I think that's what is causing the issue.

    Take a look at the URL below on a phone.

    I've coppied all formatting preferences you have suggested in our other thread, it looks great if I view the page using the jotform URL, but if I use the URL that I embeded it on use your embed script, the background wants to be wider again.

     

    so sorry if this descrepency on my part has cause all of this trouble.

  • Profile Image
    EliezerN
    Answered on February 07, 2014 at 03:05 PM

    Hi,

    Thanks for the update on this matter. 

    If the issue conitnues, kindly try using the iframe code to embed your form, here is how to get the iframe code: Getting the form iframe code

    Kindly let us know if the issue still persists.

    Thanks

  • Profile Image
    jrittenhouse
    Answered on February 07, 2014 at 03:12 PM

    that creates a large space below, I'm guessing because the height needs to be set before hand and I have hidden fields in my form that show up based on certain responses.

    also didn't help the width problem.

  • Profile Image
    Mike_T
    Answered on February 07, 2014 at 04:26 PM

    In order to fix the width issue on your web page, please add the following meta tag to your html head section:

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

    And you will get something like this:

    I will create a ticket about the height issue, but it is not likely that this can be fixed really fast, as this might be hard to work with due to the web limitations, and our Developers have to work on the most important things first.

    It is possible to set an exact height in pixels, to do this you will need to remove a script part that is following the iFrame:

    Also, you can set a 'height:100%;', this seems to be working perfectly in mobile Google Chrome and Safari iOS, but might not work right in old android browsers.