JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
Why the background image is not being applied to text boxes fields in embedded form?Asked by realestatecoach on September 12, 2016 at 04:04 PM
So I have cloned one of my forms and added 1 or more fields to it. The color seems to go to white in those fields where it should be blue with clouds like the rest of the form.
The other question... I have found a form that I was looking to see if it could be duplicated possibly.
Here is a link to the page for reference: http://www.toddwiese.com/gold_findout
Basically there are 2 radio buttons, if you click on the 2nd option a text box displays for a prospect to add more details.
Is there any way to do this?
I have attached a link to the form that I am working on below
I have checked your form and I can see you're using an image as background, when the form is embedded it does not seem to work and I think this is because it is not over a secure link.
I have re-uploaded the image over a secure link and it works on my end, you can take a look on my cloned form of yours here: https://form.jotform.com/62557258590970
What I would suggest you is to re-upload your image and make sure you have a secure link (HTTPS) this way you will avoid content not loading because being over non-secure links.
Regarding to your second question, it has been moved to another thread, it can be found here: https://www.jotform.com/answers/930475
We will assist you with that as soon as possible.
When I click on the clone link you shares above. It seems to show the same missing cloud background on mobile device. The image was one of the templates that was within jotform. I might be able to find a similar image.
Though, I noticed that one of the default forms that I cloned from doesn't seem to have the same issues. Seems like it only happens when I add radio buttons or a drop down. If I don't add those...the form seems to maintain the background.
Yes, the image seems uploaded to our servers, but it loads over a non-secure link and when I tried to open the secure link (HTTPS) it did not work.
I have also checked my cloned form on an iPhone 6S and this is what I can see:
I'm not sure if you're referring to the blank space that displays at the bottom of the form:
I would suggest you to inject this code to your form:
font-family: verdana !important;
background-size: 100% 100%;
background-color: #82CEF0 !important;
That way you display the background color for all the form and there are not blank spaces, expected result:
Guide to inject the CSS code: How-to-Inject-Custom-CSS-Codes
Hope this helps.
That solution was the ticket!!!
upon going to the inject Custom Css, I removed the default coding for background and replaced with the code you suggested and bam! Working perfectly again.
Thank you Kevin!
You're most welcome.
I'm glad to know the given code worked for you.
Please if you have any question or need more help, do not hesitate to contact us, we will be glad to assist you.