From Field in front of large picture

  • tristansmith
    Asked on September 30, 2014 at 11:45 AM

    Hello,

     

    Is there a way to place a form on top of a picture, layered or other. thx

    Jotform Thread 436560 Screenshot
  • charmiequino
    Replied on September 30, 2014 at 12:11 PM

    Hi tristansmith,

    The screenshot that you have provided seems broken, I can't see it on my end.

    Regarding your concern, this tutorial might be helpful "CSS Custom Codes". If you want to customize your form to have a picture on the background, or in what you have stated placing the form in front of the picture, injecting CSS codes might be helpful for you. 

    This is the same code in the tutorial link:

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

    **You might need to add this just in case, so the background image won't be covered up by the field background**

    .form-line {

    background: none;

    }
     
    Let us know if this works for you. Thanks.
     
    Regards,
    Charmie
  • Ashwin JotForm Support
    Replied on September 30, 2014 at 1:44 PM

    Hello tristansmith,

    If I understand your question correctly, you want to display your form fields on top of an image. Is that correct?

    To achieve your requirement, you will have use your image as the background of your form. Please inject the following custom css code in your form and that should set your image as an background image:

    html {

    background: url('YOUR_IMAGE_URL_GOES_HERE') no-repeat top;

    }

    The following guide should help you inject the custom css code:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!