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.
I could not get the background to be transparent, so I just left it white.Asked by benbftg on February 15, 2015 at 05:20 PMThere is a small glitch in the transparency background on the desktop. I could not get the background to be transparent, so I just left it white. I went into the edit form prefs>form styles> and typed “transparent” in the form field, but that doesn't seem to work.
I have managed to make your form transparent, please look at your site:
I went into to Preferences, Form Styles, then on the Inject Custom CSS area, I selected and cut the whole code to paste it in a text editor:
While in the text editor, I looked for the .supernova class, and change the background property from #ffffff to transparent:
Then I copied and pasted the whole code back to where it was.
If you need anything else, please open a new thread, we will be glad to assist you.
I see that the form is now transparent. However, On another issue I was told by tech support that I should make this responsive as well ad setting it up in an iframe to embed. I first cloned the form and named it differently so I could test it out. I found more issues. I followed your procedure exactly, the text editor shoed the background as transparent, so I left it the way you had it (as the clone it copied the code correctly). Then I went into prefs and selected responsive. I was told to embed the form in my site with iframe. Iframe did not display the form correctly. I then tried to change the html of the size of the form height and it changed the header to be call and the fields to be small. It seems that this solution is not working either.
Note the reason I was told to embed in iframe was because the form was not showing up on mobile devised like a tablet or iPhone.
I don't know how to make this work.
Okay, would you mind giving us the link here of the cloned version of the form? Is it the form that is embedded in this page: http://www.flyingtoadgraphics.com/hl-review-site/contact-us.html?
I would still suggest using our iFrame method if that makes everything perfect in mobile. Then we will deal with the layout in the PC browser version - such as the text being too small.
I think you mean this form: http://www.jotform.us/form/50458160731148, I saw the text which is too small now. I've fixed it for you. Can you check now?
Thank you for all the support. I am finding it a bit confusing so I am simplifying the problem and putting it on a new post. If you could pleats take a look at the tile of the post is:
transparency issues and test results. Still having issues
Thank you for opening a new thread. I see it here: http://www.jotform.com/answers/517028-transparency-issues-and-test-results-Still-having-issues
We will get to it and help you resolve it shortly.