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

    Transparent background suddenly stopped working again.

    Asked by denisealicea on December 11, 2013 at 02:39 AM

    It suddenly stopped working again. I tried editing and adding all of the above mentioned.



    This is a re-post of a comment on Making the Form Background Transparent

    stopped working
  • Profile Image

    Answered by jedcadorna on December 11, 2013 at 07:32 AM

    Hello,

    Thank you for contacting us. I have checked your form on my end and I can see that your form's background setting was set to transparent. The forms background color will be different when not viewed in "Preview" mode, it was just set to transparent so that when you embed the form your website's background color will blend on your form. 

  • Profile Image

    Answered by denisealicea on December 11, 2013 at 09:31 AM

    It appears as white when I embedd it. When I go to the settings for it as well it keeps saying the hex code #FFFFF

  • Profile Image

    Answered by jedcadorna on December 11, 2013 at 11:59 AM

    @denisealicea,

    I can see the hex code turns back to white which is #FFFFFF but when preview it still shows transparent. Can you share to us the site where the form was embedded so we can further investigate on the issue. I was doing some testing on my own site but it seems that the transparent background is working fine though the hex code keeps on reverting back to #FFF.

     

    The form with a transparent background:

     

    Form with a white background (After removing the transparent effect)

     

    Once we received your reply with your web address we'll immediately check it to further investigate on the issue.

     

    We'll wait for your reply.

    Thanks,

  • Profile Image

    Answered by denisealicea on December 11, 2013 at 12:06 PM

    It's a wordpress page which I am working on currently. I know there is a plugin. I am not the admin on it. Here is the page in question: http://www.intranet2go.com/isupport/?page_id=193

  • Profile Image

    Answered by jedcadorna on December 11, 2013 at 12:59 PM

    Hello again can you try embedding this code and see if this somehow changes the look of the form

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//www.jotform.com/form/33434406531144" frameborder="0" style="width:100%; height:496px; border:hidden; box-shadow:none; background-color:transparent;" scrolling="no"></iframe>

     

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

     

  • Profile Image

    Answered by denisealicea on December 11, 2013 at 01:42 PM

    Thank you that worked!