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 to set a background for the body? [Solved]

    Asked by Dabster on April 16, 2012 at 02:24 PM

    Hi dears,

    I'm having a little problem with my form's bg. I had set it with a simple #FFF color but now i want to add a bg image I made. I followed all the steps to inject the css code and it looks like this:

    .form-all {
    background: url(http://i44.tinypic.com/vd2sgl.jpg) repeat-x;
    }

    I did it with my last form and it works very well, but i hadnt changed the bg color before so i think the problem with the form above is that the bg color is already set cuz i can change the color but cant add a bg image. Is there a way to unset the bg color?

    Thx for the patience, hope u guys can help me.

  • Profile Image

    Answered by pinoytech on April 16, 2012 at 02:28 PM

    Hi,

    Sorry for the inconvenience that may have caused. Do you mind if I ask your Form URL for further assistance?

    Thank you!

  • Profile Image

    Answered by Dabster on April 16, 2012 at 02:34 PM

    Ok, here it is,

    http://www.jotform.com/?formID=21015931156950

  • Profile Image
    JotForm Support

    Answered by jonathan on April 16, 2012 at 05:22 PM

    Hi,

    This URL http://i44.tinypic.com/vd2sgl.jpg in your injected css does not seem to have an image? All I could see was a white background.

    While your form, http://www.jotformpro.com/form/21015931156950 is showing images on them (seems ok)

    Perhaps you can share with us the URL of the website where you have use this form?, so we can investigate further.

    Thanks.

  • Profile Image

    Answered by Dabster on April 17, 2012 at 08:47 AM

    Hm, thats weird cuz i just accessed this url and it showed me the image below (the one i made)...

  • Profile Image

    Answered by Dabster on April 17, 2012 at 08:50 AM

    sry i cant put the image on screen...but i can see the image and not a white background

  • Profile Image

    Answered by pinoytech on April 17, 2012 at 09:30 AM

    Hi,

    Glad to know that you were able to see your background image now. If you need further assistance, let us know.

    Thank you for using JotForm!

  • Profile Image

    Answered by Dabster on April 17, 2012 at 03:58 PM

    Hi,

    thx for the help, but now i'm having another little problem. I set an image for the background of the body page too and it works on the first page of my form, but when i click next on the page break button the background just goes to the size of the form, but i want it to keep on full screen. I did it on my last form and it works very well also the css code is the same but now, for some reason, its not working.

    Here is the link for my form that is workin very well:

    http://www.jotformpro.com/form/21064383968966

    and here is the link for the form i'm having the problem after the first page:

    http://www.jotformpro.com/form/21075774593966

    Pls take a look and see whats wrong on it. Thx in advance.

  • Profile Image

    Answered by jeanettebmz on April 17, 2012 at 06:16 PM

    I checked the injected code of the form that is not working

    and I think you are missing to insert the elements .form-all  and .form-pagebreak , then customize the values for the background


    .form-all {
    background: url(http://yourimagebackuground);
    }
    .form-header-group {
    background-color: anycolor;
    color: #anycolorcode;

    }
    .form-pagebreak {
    background: url(the URL for the background page);


    }

    Hope this hint resolves the issue

    Jeanette

  • Profile Image

    Answered by Eduardo on April 18, 2012 at 10:34 AM

    Sorry but that wasnt the point (I already had set the ".form-all" background) but i solved the problem. I wanted to change the background of the body and not of the form.

    I had put the following code:

    body {
    background: url(http://myimage.com) repeat-x fixed;
    }

    Then i just changed the tag "body" for the "html" one. I dont see a sense of it but Id like to know if you guys have any information of the cause it was happening.

    Thanks for the help.

  • Profile Image
    JotForm Support

    Answered by abajan on April 19, 2012 at 06:00 AM

    Glad you were able to figure out the required CSS, Eduardo. It's actually one of the most beautiful JotForm forms I've seen! Incidentally, if you want to remove the white margin from the top of every page but the first, include a padding-top: 0; declaration in the .form-all rule as highlighted below:

    .form-all {
    background-color: #FFF;
    padding-top: 0;
    }


    If you need help with any other JotForm related matter, please let us know.

  • Profile Image

    Answered by Dabster on April 19, 2012 at 04:01 PM

    Thanks,

    Your product is very usefull even more if you know how to explore all the tools :)

    I just started using it two weeks ago and already get great results, thx for the tip and the support. I really appreciate it.

    Eduardo

    eduardo.micami@dabster.com.br

  • Profile Image
    JotForm Support

    Answered by abajan on April 20, 2012 at 01:52 AM

    You're quite welcome, Eduardo. And thanks for the compliment.

    Wayne