How Do I Have a Background Image Appear on Only One Page of My Form?

  • Profile Image
    manzoor505
    Asked on March 16, 2015 at 01:05 AM

    Hi,

     

    I want to build a multi-page form would like to insert an image as background for only one page (I use page breaks). I would then like to position drop down menus on the background image. Can you please help me to achieve this.

     

    Best Regards,

  • Profile Image
    abajan
    Answered on March 16, 2015 at 05:28 AM

    Hi,

    This can be done by targeting the specific page of your jotform via a CSS rule. Please clone this demo and have a look at its injected CSS:

    .form-all ul:nth-child(2) {
    background: url(http://www.jotform.com/uploads/abajan/form_files/green_apple.png) no-repeat center 10%;
    }

    The selector of the rule targets the second page of the jotform and the declaration inserts the image.

    You can use the same rule to insert your own background. You would just need to change the number in the parentheses of the selector to match the page and change the URL in the declaration to that of your image.

    If you need further help with this, we'd be glad to provide it.

    Cheers