Unable to view background image while working on form

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?

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

Thanks, Sammy!!! Works great!