Issue with page background

  • rduong
    Asked on December 7, 2016 at 5:20 AM

    Hi

    Can you help me on this form : https://form.jotformeu.com/62862971667370

    There is the viewing problem and we don't know and we can't fix that.....

    What's happening ?


    Issue with page background Image 1 Screenshot 20

    Jotform Thread 1005531 Screenshot
  • aminekh
    Replied on December 7, 2016 at 6:13 AM

    Please see this (temporary) clonehttps://form.myjotform.com/63412947906563

     

    I addressed the issues I found, and made the form look decent on all the responsive versions (for both desktop and mobile). Now as you can see the form is centered in all the versions, and so is the logo and so on.

     

    As to the background, please note that the picture (bkg_v9.jpg) was not properly uploaded. One solution is to remove it and upload it again, and it will show up correctly.

     

    To replicate my changes please follow these steps:

     

    1. Click on the design icon.

    2. In the "Page Background" section click on "Remove Image".

    3. Now, in the same section, a button appears: "CHOOSE A FILE". Please click on it.

    Issue with page background Image 1 Screenshot 60

    4. A new section appears as you see in the screenshot. Please click "UPLOAD FILE" and select the background picture you prefer.

    Issue with page background Image 2 Screenshot 71

    5. The background picture will be uploaded, and we will have something similar to step 2, before we removed the previous background.

    6. Now please go up and click on "INJECT CSS" as highlighted in the screenshot.

    Issue with page background Image 3 Screenshot 82

    7. Inside "Inject Custom CSS" section please remove:

     

    .form-all {

        margin : -60px 750px 0px 750px;

    }

     

    .form-line.jf-required {

     

    }

     

    I highlighted this in the screenshot

    Issue with page background Image 4 Screenshot 93

    8. Now please add this:

     

    .form-image {

        width: 100%;

    }

     

    Now things will look similar to this screenshot:

    Issue with page background Image 5 Screenshot 104

    9. Finally, please click on "SAVE CHANGES" and you may preview your form.

  • omerorkun JotForm Data Scientist
    Replied on December 7, 2016 at 7:29 AM

    Hi,

    I have checked your form and found out that the image you tried to upload as page background is somehow broken. Please see it:

    Issue with page background Image 1 Screenshot 30

    As you can see it has failed to be uploaded properly. This might have been caused by an interruption at your Internet connection or a momentary failure at our servers. Please see the image that is corrupted during the uploading process:

    Issue with page background Image 2 Screenshot 41

    Some part of it seems to be rendered successfully however, the rest is corrupted and goes on grey like this. What you should do is to remove the image as Amine suggested above. And then, re-upload it again. 

    Please try it and let us know if the issue still persists. 

    Thank you for contacting us.