Embedded form is cut off, the page needs to be refreshed to show entirely.

  • Profile Image
    jfgingrass
    Asked on April 08, 2019 at 09:14 AM

    Hello,

    Can you please help me solve a glitch where my forms have to be reloaded in order to fully show?  As of now, my form are only showing the top half and to see the whole thing one needs to refresh the browser window.


    Thanks


    JF

  • Profile Image
    BDAVID
    Answered on April 08, 2019 at 11:03 AM

    Did you manage to fix the problem? I have checked your embedded form in Chrome, and Firefox browsers, and it showed entirely on the first load:

    1554735754formshowsup.gif

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image
    jfgingrass
    Answered on April 08, 2019 at 12:43 PM
    Hi, thanks for the response, I should have mentioned we were using this on
    mobile. I just checked it again and it won’t work. I have a feeling it
    might be related to width
    ...
  • Profile Image
    BDAVID
    Answered on April 08, 2019 at 01:24 PM

    It seems like you have removed the form from your site, so I can not test it in mobile views:

    1554744228removed.png

    If you embed it again, try using a different embedding method. You could try the "Embed" method: https://www.jotform.com/help/34-Adding-a-Form-to-a-Web-Page

    Also, you may try the source code: https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form

    Let us know if you need more help.

  • Profile Image
    jfgingrass
    Answered on April 08, 2019 at 01:43 PM
    My apologies, here’s the link to access my three forms
    . I am experiencing the
    same problem for all of them.
    Thank you for your help!
    ...
  • Profile Image
    BDAVID
    Answered on April 08, 2019 at 02:02 PM

    No problem we are here to help you. The links did not post to this thread in your last reply, could you share them again?

  • Profile Image
    jfgingrass
    Answered on April 08, 2019 at 02:43 PM
    https://www.fishcreekrestaurations.com/jotform-blink-reporting
    https://www.fishcreekrestaurations.com/jotform-vintage-reporting
    https://www.fishcreekrestaurations.com/jotform-murrietas-reporting
    ...
  • Profile Image
    BDAVID
    Answered on April 08, 2019 at 04:10 PM

    The form that's embedded on this page shows entirely in mobile views: https://www.fishcreekrestaurations.com/jotform-blink-reporting 


    In this page, please inject the following CSS code above the Iframe code: https://www.fishcreekrestaurations.com/jotform-vintage-reporting 

    <style type="text/css">

    @media only screen and (max-width: 480px) {

    #JotFormIFrame-90934747503260{

        height: 1480px !important;

    }

    }

    </style>

    And for the third one, inject this code above the Iframe code: https://www.fishcreekrestaurations.com/jotform-murrietas-reporting 

    <style type="text/css">

    @media only screen and (max-width: 480px) {

    #JotFormIFrame-90974978678283{

        height: 1480px !important;

    }

    }


    </style>