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

    Unable to view background image while working on form

    Asked by dgspencer on April 25, 2015 at 10:31 PM

    Hi guys!

    Got a bit of a small problem.  First, it seems that I cannot see the background image while working on my form, although it is clearly visible when I go to the page http://form.jotform.us/form/51148016699158 (see below):

    I went into Preferences > Form styles > Inject Custom CSS and added the following:

    body, html {
    background: url("http://www.jotform.com/uploads/dgspencer/form_files/jotform.JPG") no-repeat top left scroll;
    margin: 1;
    padding: 1;
    }

    So what am I doing wrong that I can't see the image?

     

    My other question is this:  I'll be placing drop-down fields on the form in each square of the grid pattern in this background image.  I'm trying to get the look and feel of a calendar with drop-downs for each day.  Do you think this will work or should I go another route to accomplish my goal?

     

     

     

    Page URL:
    http://form.jotform.us/form/51148016699158

    unable to view background image JotForm Inject Custom CSS problem uploads
  • Profile Image

    Answered by Sammy on April 26, 2015 at 12:08 PM

    Hi,

    In design mode the custom background image is not available for immediate preview while using css injection in the form preferences.

    In order to be able to view you image while designing you can use the theme designer to add the image,see screenshot below.

    Clear your CSS in the CSS Tab

    Then go to the design tab and paste the url (http://www.jotform.com/uploads/dgspencer/form_files/jotform.JPG) of your image in the page background section and specify the rules, the image should appear immediately

    Save the changes, then click the X to return to the designer mode, the image should now be visible in the design mode.

    Here is preview of the form in designer mode.

    Link to a copy of the form i cloned and applied the changes. http://www.jotform.com//?formID=51154254166956

     

    Kindly confirm if this addresses your issue.

    Your question regarding placement of the dropdown in the image grid sections is being addressed in this thread http://www.jotform.com/answers/559253

     

  • Profile Image

    Answered by dgspencer on April 26, 2015 at 08:35 PM

    Thanks, Sammy!!! Works great!