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

    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 PM
    There 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.
    background color background transparent transparent form
  • Profile Image
    JotForm Support

    Answered by BDAVID on February 15, 2015 at 06:05 PM

    I have managed to make your form transparent, please look at your site:

    I went into to PreferencesForm 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.

     

  • Profile Image

    Answered by benbftg on February 15, 2015 at 09:17 PM

    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.

     

  • Profile Image
    JotForm Support

    Answered by Welvin on February 16, 2015 at 04:15 AM

    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.

    Thank you!

     

  • Profile Image
    JotForm Support

    Answered by Welvin on February 16, 2015 at 04:17 AM

    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?

    Thanks

  • Profile Image

    Answered by benbftg on February 16, 2015 at 03:36 PM

    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

  • Profile Image

    Answered by Ben on February 16, 2015 at 04:25 PM

    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.