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

    How to make a Form TRULY transparent?

    Asked by RhinoForms 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
    JotForm Support

    Answered by seyhuns 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

    Answered by RhinoForms 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
    JotForm Support

    Answered by seyhuns 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

    Answered by trickynek 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
    JotForm Support

    Answered by seyhuns 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;
    }