How to make a Form TRULY transparent?

  • Profile Image
    RhinoForms
    Asked on April 19, 2010 at 04:15 AM
    I can make the background of a form transparent, but it does not make all elements of the form transparent:
    (1) The background behind the "Next" button in the page break area is not transparent.  How do I get this to be transparent.
    (2) When you highlight a field it highlights the background in yellow, when you don't fill out a required field it highlights the background in red.  This makes it not transparent also.  How can I get it to NOT highlight the background areas?

    Samm
  • Profile Image
    seyhuns
    Answered on April 21, 2010 at 12:55 PM
    Hi Samm,

    You can make this by using "Full Source Code". After embedding "Full Source" Code to your page, just use the following css code:

    .form-header-group, .form-line-error, .form-line-active{

    background:none !important;

    border:none !important;

    }


    Thank you!
  • Profile Image
    RhinoForms
    Answered on April 25, 2010 at 11:53 PM
    This works to solve the second of the issues I was trying to solve - it does remove the highlighting of the background areas.

    However, it does not solve the first problem.  There is still a white/grey background behind the "NEXT" button in the page break area.

    Is there any way to remove this?

    Thanks,

    Samm

  • Profile Image
    seyhuns
    Answered on April 27, 2010 at 03:07 AM
    Samm,

    You have to add ".form-pagebreak" to the CSS selector list.

    .form-header-group, .form-line-error, .form-line-active, .form-pagebreak{

    background:none !important;

    border:none !important;

    }


    Thank you.
  • Profile Image
    trickynek
    Answered on August 28, 2010 at 06:33 PM

    On this same topic - I also see a blue border outline around the selected field that I am actively on. How can I remove this via CSS? Thanks for all the help!

     

    Nikki

  • Profile Image
    seyhuns
    Answered on September 07, 2010 at 03:18 AM

    Nikki,

    That border is setled by your browser but you can still get rid of them if you give a border to the input fields. This is how you can do that:

    .form-textbox, .form-textarea, .form-checkbox, .form-radio, .form-dropdown{
        border: 1px solid #000;
    }