I could not get the background to be transparent, so I just left it white.

  • benbftg
    Asked on February 15, 2015 at 5: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.
  • David JotForm Support Manager
    Replied on February 15, 2015 at 6:05 PM

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

    I could not get the background to be transparent, so I just left it white Screenshot 40

    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:

    I could not get the background to be transparent, so I just left it white Screenshot 51

    While in the text editor, I looked for the .supernova class, and change the background property from #ffffff to transparent:

    I could not get the background to be transparent, so I just left it white Screenshot 62

    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.

     

  • benbftg
    Replied on February 15, 2015 at 9: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.

     

  • Welvin Support Team Lead
    Replied on February 16, 2015 at 4: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!

     

  • Welvin Support Team Lead
    Replied on February 16, 2015 at 4: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

  • benbftg
    Replied on February 16, 2015 at 3: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

  • Ben
    Replied on February 16, 2015 at 4: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.