Picture on form cover

  • Profile Image
    rduong
    Asked on October 16, 2017 at 05:25 AM

    Hi

    I would like to add a picture on form cover like this :

    1508145905Capture 2.png

  • Profile Image
    Jenny
    Answered on October 16, 2017 at 09:16 AM

    I have cloned your form and added the following code to it.

    .form-section:last-child {

        background-image: url(“https://www.jotform.com/uploads/rduong/form_files/quadrillage.28.png“) !important;

        background-repeat: repeat;

    }

    Check the image below to see the result:

    1508159488Screen Shot 2017-10-16 at 16.0

    I believe by saying "add a picture on form cover" you mean the previous result. However, as you can see there is space above the "quadrillage" image and it can not cover the whole form.

    Here is the "quadrillage" image you have provided with space above:

    1508159619Screen_Shot_2017-10-16_at_16_0

    If you want to cover the whole form, you need to remove the space and place the image with the code provided.

    You can also check my demo form and clone it to your end for further inspections: https://form.jotform.com/72883294223966  

    Hope this helps! If you have any questions please let us know.


  • Profile Image
    rduong
    Answered on October 19, 2017 at 04:57 AM

    HI

    Sorry but it doesn't work as you can see ! Do I missing something or am I just stupid ?

  • Profile Image
    BJoanna
    Answered on October 19, 2017 at 09:58 AM

    I'm sorry but I'm a bit confused. The form you provided and the form of my colleague are not the same. Considering that my colleague cloned your form I assume that you changed the theme and style of your original form. Your form currently looks like this.

    1508421455form.JPG

    Please provide us an ID of the form that you are currently working on and tell us what exactly is not working. You can provide us a screenshot of your issue.