Does it have an option for the background to put image in this

  • Profile Image
    Jordn
    Asked on April 03, 2012 at 04:16 PM
  • Profile Image
    gori-mathew
    Answered on April 03, 2012 at 04:24 PM

    Hello,

    I would suggest using CSS for this one.

    First go to Setup & Share -> Preferences -> Form Styles -> And then click on the "Inject Custom CSS" area.

    You'll be able to enter your CSS codes in there.

     If you want the background image on form itself, copy-paste this code:

     .form-all {
    background: url(enter the url of the image you want) no-repeat top left;
    }

     *Note: You may change the position of the image. For example if you want it on the center of the page just change "top left" to "center", or "bottom right" etc. Also if you want to repeat just remove "no repeat" because as far as I know the default is the repeat property.

    If you want the background image on the background of the form, enter this code:

     body, html {
    background: url(enter the url of the image) no-repeat top left fixed #f0e9d6;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    }

     *Note: "fixed" means you want the background to stay in place even when you scroll down the form. You can remove this if you want it to scroll along with the form. If you want to change the background colour, just change "#FFFFFF" (white) to any color you want. Here is a website where you can find CSS colors:

    http://www.w3schools.com/css/css_colors.asp

    You can also visit the following thread for some tips:
    http://www.jotform.com/answers/16435-How-can-I-add-a-background-image-to-my-form

    http://www.jotform.com/answers/88638-How-can-we-add-a-background-image-to-our-form

    http://www.jotform.com/answers/41880-Background-image

     Hope this helps and if you need assistance lets know to further support you.

  • Profile Image
    pinoytech
    Answered on April 03, 2012 at 04:28 PM

    Hi,

    In addition to gori-mathew answer. For now, the best way to insert image to your JotForm background is by adding Custom CSS unto it. Just click the "Preferences" under "Setup & Embed" tab, and click the "Inject Custom CSS" from "Form Styles" tab. Add the following code snippet:

    .form-all {
    background: url(enter the url of the image you want) no-repeat top left;
    }

    Or you can just add url(image source) on the same tab for "Background"

    Hope this help. If need further assistance, feel free to contact us anytime.

    Thank you for using JotForm!