-
dgspencerAsked 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?
-
SammyReplied 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
-
dgspencerReplied on April 26, 2015 at 8:35 PM
Thanks, Sammy!!! Works great!