Formulario com fundo transparente.

  • Profile Image
    sideraco
    Asked on February 07, 2013 at 01:23 PM

    Tem como fazer um formulario que o fundo seja transparente? ou sou obrigado a escolher uma cor, que por padrao fica branco?

  • Profile Image
    Welvin
    Answered on February 07, 2013 at 04:54 PM

    Hi,

    You can make the background transparent by injecting this codes to your form:

    .form-all {

    background: transparent! important;

    }

    Guide: How to Inject Custom CSS Codes

    Let us know if you need any further assistance.

     

    Thanks

  • Profile Image
    contatomail
    Answered on February 05, 2015 at 11:03 AM

    olá!
    Eu usei desse método para colocar meu fundo transparente porem perco as configurações de estilos de botões e etc. como posso resolver isso?

  • Profile Image
    david
    Answered on February 05, 2015 at 12:34 PM

    Hi,

    I applied the CSS my colleague suggested and there were no changes to any other part of the form:

    Here is my test form with the CSS applied and no other changes if you would like to clone it:

    http://support.jotform.com/form/50354862357964

    http://www.jotform.com/help/42-How-to-clone-an-existing-form-from-a-URL

    If this is not how your form should look, please provide us with a screenshot of the changes after you apply the CSS.  As far as I can tell, the CSS only makes the background transparent, nothing else changes.

  • Profile Image
    contatomail
    Answered on February 07, 2015 at 09:40 AM

    Hi David,

    Unfortunately it doesn't work in my web site, the backgound is already white. What can I do to solve this? Help me please!

  • Profile Image
    Sean
    Answered on February 07, 2015 at 12:55 PM

    Hello,

    It is possible that the white background that you are seeing is for the iFrame (set to white  by default). Can you try adding this code to your iFrame script (allowtransparency="true").

    For example:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/xxxxxxxxxxxxx" frameborder="0" style="width:100%; height:2477px; border:none;" scrolling="no" allowtransparency="true"></iframe>

    Do let us know how it goes.

    Cheers!
    Sean