How can I set a background image?

  • Profile Image
    Borzini
    Asked on December 16, 2013 at 03:47 PM

    How can I set a background image for my form?

  • Profile Image
    TitusN
    Answered on December 16, 2013 at 05:52 PM

    Hello, 

    Thank you for getting in touch with us. 

    To change the background of your form, please do the following: 

    1. Go to your form editor, click on the "SetUp and Embed" Tab as shown

    2. Click on the "Preferences Button as shown"  

    3. Under the "Form Styles" Tab on the Preferences Panel, Click on the "Background" field and enter the image URL in the following format: url(http://example.com/mybackgroundimagelocation.jpg) 

    Make sure to change "http://example.com/mybackgroundimagelocation.jpg" to the location of your uploaded background image. 

    Here is an awesome resource for tiled backgrounds that can get you a textured background as illustrated above. 

    Please let us know how we can be of further assistance. 

  • Profile Image
    qrronlee
    Answered on January 25, 2014 at 09:12 PM

    Hi, Borzini.

    Have you ever tried the way offered by TitusN? Did it work? I am testing about the related image editor these days. I wonder whether it could help with it or not. I hope you success. Good luck.

     

     

     

    Best regards,

    Arron

  • Profile Image
    liyam
    Answered on January 26, 2014 at 01:14 AM

    Hello Arron,

    The solution made by TitusN should work. Alternatively, you can also inject some CSS code on your form to place background images on your form.  One example of the CSS code that you can do is:

    .form-all { background-image:url('http://www.site.com/image.jpg'); }

    Here are some user guides which can help you further understand on how to do CSS injections for your form:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
    http://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes

    If you have further questions or concerns, please do let us know.