Background image did not repeat via iframe

  • Profile Image
    stormingrobots
    Asked on October 19, 2018 at 09:31 AM

    My form appears fine directly  from jotform.com : 

    https://form.jotform.com/82906715910156

    i.e. the form scrolls up and down when I move the scroll bar up & down. Background does not move.

    But, after i copy the iframe code - see: 

    https://www.stormingrobots.com/prod/legosoccer/signupFreeSessions.html


    the background scrolls with it.. Thus,  background is off - see the attached image. 

  • Profile Image
    BDAVID
    Answered on October 19, 2018 at 11:38 AM

    That happens because of the height of the Iframe code. I would suggest you to try embedding your form with the "Embed" code: 

    08-09-2017-1502269408.png

    If you need to still use the Iframe code, please try injecting the following CSS code in your form:

    html.supernova {

        background-repeat: no-repeat !important;

        background-attachment: fixed !important;

        background-size: cover !important;

    }

    Let us know if you need more help.

  • Profile Image
    BDAVID
    Answered on October 19, 2018 at 11:39 AM

     This guide will help you inject the CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

  • Profile Image
    stormingrobots
    Answered on October 27, 2018 at 08:41 AM

    The embedded script does not work either.  

    But the supernova css method works.


    html.supernova {

       background-repeat:repeat !important;

        background-attachment: fixed !important;

    }

    Thank you. 

  • Profile Image
    Kiran
    Answered on October 27, 2018 at 11:35 AM

    I have checked the web page and the background still seems to be scrolling. However, the injected CSS code is working as expected on the form. If you still need any further assistance, please let us know. We will be happy to assist.