How can I have a different background photo on each page of the form

  • Profile Image
    michaelcullen
    Asked on March 25, 2015 at 07:55 PM

    Currently it shows the same background photo for each page but I want a different (full-screen) photo on each page. Is that possible? Ideally responsive too.

  • Profile Image
    jonathan
    Answered on March 25, 2015 at 09:57 PM

    I do understand how you meant it on your jotform http://www.jotformpro.com/form/50837537564969

    You wanted the background image dynamically change every time the pages change using the Next/Back button on the form.

    I am not sure if it is possible using only custom injected CSS code on the form, but I will try to research and ask for help from my colleague if is possible.

    The most I can see at this time that is doable is by using the form's full source code.

    As you can assign a script to the Next/Back button to change the background-image assigned on the page.

    I will keep this thread open so that other support member more capable on the CSS will also be able to look at it.

    Thanks.

     

     

  • Profile Image
    Michael
    Answered on March 26, 2015 at 05:52 AM

    Yes, that is right, I'd like the background image to change each time you click Next (or Back). If there is an easy solution please let me know. I don't know enough to understand source code!

  • Profile Image
    ashwin_d
    Answered on March 26, 2015 at 10:32 AM

    Hello Michael,

    I would suggest you to take a look at the following tread where one of my colleague have given a possible workaround to display different background image in different page breaks:  http://www.jotform.com/answers/496429-How-To-Dynamically-Change-Background-Image-of-Form-Per-Page 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!