I am getting top and bottom padding margin when using iframe embed

  • itclinicshamim
    Asked on March 25, 2018 at 6:53 PM

    Hi,

    Form ID: 80357302571250

    1. I have added the following JavaScript code into my HTML page. But I am not getting the form.

    <script type="text/javascript" src="//form.jotform.ca/jsform/80357302571250"></script>

    Please check out the following link in your cell phone: <JavaScript embedded>

    https://rapidaccesstomedicalspecialists.ca/result-status-check

    Ifreame embeded version:

    https://rapidaccesstomedicalspecialists.ca/result-status-check2



    2. The form is working fine in <iframe>, however, in both mobile and desktop version, it is giving me margin/padding for top and bottom.


    Please advice if it can be fix via CSS or any other solution.

  • jonathan
    Replied on March 25, 2018 at 7:45 PM

    Can you please generate the iframe embed code again of your form and re-embed on your website. 

    You can see in the Form Builder the Height of the iframe when getting the Publish code

    1522021328zzz 2018 03 26 07 Screenshot 10


    when I checked on your website it shows that the iframe height was much greater than what was generated by the Form Builder. The excessive height was the caused of the excess margin/padding on top/bottom of the embedded form.

    Getting the update iframe embed code should resolve the issue.

    Do let us know if issue persist.

  • itclinicshamim
    Replied on March 26, 2018 at 2:43 PM
    Hi,
    Desktop
    I regenerated the embedded code as suggested and reduced the height from
    530 to 239px. it worked fine, however when reaching to the last step I
    don't see button for review and submit, nor I see the scroll option.
    form link:
    https://rapidaccesstomedicalspecialists.ca/result-status-check
    Please advice.
    ...
  • Nik_C
    Replied on March 26, 2018 at 3:55 PM

    I checked your form but I wasn't able to replicate that issue, the submit button is showing and scrolling is working properly:

    1522094084screencast Screenshot 10

    Let us know if the issue persists.

    Thank you!

  • itclinicshamim
    Replied on March 26, 2018 at 5:43 PM
    Hi, Thanks for your prompt response. I have checked the form in I.e,
    Chrome, Opera and it is working fine in desktop browsers except in Firefox.
    Firefox doesn't showing the scroll. Any clue?
    thanks
    ...
  • Elton Support Team Lead
    Replied on March 26, 2018 at 8:43 PM

    I can see the submit button in Firefox when I check it here https://rapidaccesstomedicalspecialists.ca/result-status-check2. As you can see, I am using the scrollbar on the page, not within the form.

    I am getting top and bottom padding margin when using iframe embed Image 1 Screenshot 20

    Are you still experiencing this problem with Firefox? I am using the latest version of Firefox 59.0.2 (64-bit)