Adding a background image on the form?

  • realestatecoach
    Asked on October 1, 2015 at 2:21 PM

     I have been trying to add the background photo using Themes that is essential to the campaign I am running. The theme of the photos won't upload and load correctly as you can see in the above threads. 

    It sounded however that when someone on your end tried they found a way to make it work. 

     

    But until it is fixed (and they said it was being worked on) there is no way for me to get that photo in the background. Does this make sense?

  • Charlie
    Replied on October 1, 2015 at 2:27 PM

    To confirm, you would like to add the image as a background to your form, is that correct?

    I cloned your form that looks similar to the above discussion, it's titled "Clone of Sell For Top Dollar", here's my cloned form: http://form.jotformpro.com/form/52735402756962?.

    Here's how I edited my form:

    1. After cloning your form, it will create a copy of it in my own account. I then choose that form and click "Edit Form"

    Adding a background image on the form? Image 1 Screenshot 30

     

    2. Inside the form builder, I clicked the Designer icon

    3. From there, we can add a background image using the "Background Image" section, but in my case, I will use a custom CSS code to make the background image fit the screen completely. Here's my custom CSS code

    .jotform-form {

        background-image : url('http://www.jotform.com/uploads/forum/realestatecoach/1443036195sellback.png');

        background-size : 100% 100% !important;

        background-repeat : no-repeat;

        background-attachment : fixed;

    }

    I'm using the URL of the image above. I placed it under the CSS tab, here's a screencast that you can follow on how I made the change:

    Adding a background image on the form? Image 2 Screenshot 41

    You can also see the how the form displays on difference device display size.

    The background image covers the back of the form. Is this what you would like to accomplish?

    We'll wait for your response.

  • realestatecoach
    Replied on October 1, 2015 at 3:47 PM

    That's exactly what I was trying to do yes. Thank you!

    Can I do the same thing with a multi step form too. I'm looking to build

    a form that has one box for "address" with a step 1 at the top and a next

    button at the bottom

    Then step 2 with email address and next button etc

    Can I do that in jotform? And use the same background as you showed?

    Thanks a ton for your help

    Brett Bolzenthal

    ...

  • jonathan
    Replied on October 1, 2015 at 8:17 PM

    Hi Brett,

    Yes you can also do the same even to multiple pages form. I assume you meant to use Page Break field on your from.

    Here is a demo form http://form.jotformpro.com/form/52737869363975? where I have added the page break field.

    Adding a background image on the form? Image 1 Screenshot 20

     

    Let us know if you need further assistance.