What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How could I fix a background image of a page on my form?

    Asked by truebatman on October 11, 2016 at 07:37 PM

    Everything have to work and it works on preview, but embed on my website it is not working, it is not fixed.

     

    Thank you for your reply.

  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 11, 2016 at 10:30 PM

    Hello truebatman,

    I did test your last edited form with it's direct URL and the background image seems to display correctly. Please check the screenshot below:

     

    Please share the webpage URL where you have embedded your form and we will take a look.

    We will wait for your response.

    Thank you!

  • Profile Image

    Answered by truebatman on October 12, 2016 at 06:05 AM

    Here is the link:

     

    http://pis.kingsize-trading.com/form.html

    I guess it's all about css, but still can't understand what exactly goes wrong.

    Thank You.

  • Profile Image
    JotForm Support

    Answered by seth on October 12, 2016 at 08:02 AM

    In your web page, you are scrolling down your web page, not the form. If the form is scrolled down, the background image could be set to stay fixed, however when you embed it, the property becomes useless.

    There are two thing that I can suggest:

    1) try to add background image to the web site instead if form

    2) try to adding '!important' to your css, which will override other styles:

     

     background-attachment : fixed !important;

     

    Please note that this code probably won't work.

    Please contact us again if these solutions won't provide what you need.

    Cheers.