What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    background image does not display.

    Asked by chankins on January 26, 2016 at 03:23 PM

    Hi!  My background image does not display on the live webpage.

    It displays in Design mode.

    https://form.jotform.com/60254912220949

    what other information do you need?

     

     

    Page URL:
    https://form.jotform.com/60254912220949

    background image does not display JotForm information href
  • Profile Image

    Answered by chankins on January 26, 2016 at 04:57 PM

    I even added the following code to the CSS to no avail:

    .jotform-form {

     

        background-image : url('http://www.southark.edu/images/jotforms/welder.jpg');

     

        background-size : 100% 100% !important;

     

        background-repeat : no-repeat;

     

        background-attachment : fixed;

     

    }

    Still does not display on live webage, only in Design mode.

    Thanks,

    CH

  • Profile Image

    Answered by chankins on January 26, 2016 at 05:15 PM

    I just tried the following code:

     

    .supernova {

     

        background-image: url("http://www.southark.edu/images/jotforms/welder.jpg");

     

    }

     

    No luck.

    CH

     

  • Profile Image
    JotForm Support

    Answered by TitusN on January 27, 2016 at 12:20 AM

    The reason why the image is not loading is because the form uses a secure protocol (https://form.jotform.com...) while your image does not (http://www.southark)

    The protocols must match (either http, or https)

    In any case - to resolve this - either:

    1. Upload your image to a secure location (I notice that southark.edu does not have an SSL certificate, so https://www.southark .... location will not work) - 

    2. Change all the URL values on your form embed code from https to http. 

    3. Use the form designer to upload your image to JotForm's Secure Storage - click on the upload button indicated below: 

    I'm sure either of my three suggestions will help - let us know how we can assist further. 

  • Profile Image

    Answered by chankins on January 27, 2016 at 11:45 AM
    https://form.jotform.com/60256739562967
    I uploaded my image using your uploader and copied the URL into Page Background.
    Still does not display.
    Thanks,
    CH
    ...
  • Profile Image

    Answered by chankins on January 27, 2016 at 11:45 AM
    Got it. Put the resulting URL into the CSS.
    I see a lot of similar issues in the forums. Is there perhaps a bug in the system?
    Thanks,
    CH
    ...
  • Profile Image
    JotForm Support

    Answered by TitusN on January 27, 2016 at 12:59 PM

    Yes - resulting URL into CSS - sorry I did not mention that :-)

    Its not really a bug - just mixed protocols - https is always a good idea - keeps communication between server and browser highly secret and secure. 

    We, not too long ago, made all forms secure for all users for free (which was recently a billable feature)-

    That to say that any and all elements added to the form via CSS or otherwise need to be sourced from a secure location too (https). 

    I hope that clarifies things - but you're welcome to ask further questions - here to help.