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 do I make fields which have the focus maintain their transparency?

    Asked by svenvanderveen on December 30, 2013 at 05:18 PM

    With the many Forum questions about making my Form Transparent, I have managed to make my Form transparant on my site.

    But......

    When I am visiting the site en want to fill in the answers in the different fields, a yellow(isch) banner is shown on each field I am clicking on.

    Is it possible that the form will be transparent, even if you click om the fields ?

    Many thanks!

    Sven

    Page URL:
    http://www.roonstaal.com/roon/Bestelformulier_tickets.html

    remove highlight disable highlighting transparent error highlight on focus
  • Profile Image
    JotForm Support

    Answered by abajan on December 30, 2013 at 10:12 PM

    Hi Sven,

    With the form loaded in the form builder, go to the Setup & Embed Tab and click Preferences. When the window pops up, click the Field Styles tab and disable the Highlight Effect:


    When done, click the Close Settings button and save the form.


    Do let us know if you need further assistance with anything JotForm related.


    Cheers

  • Profile Image

    Answered by svenvanderveen on December 31, 2013 at 05:36 AM

    It's working perfectly !

     

    I am impressed by this perfect Form-making service on your website !

    Also very impressed by the the very complete and correct (and fast) answers on the questions asked by customers.

     

    About the transparent options, is it also possible that the Errors (when a visitor fails to enter the correct information) also be transparent ? instead of the Red highlight.

    Many Thanks for your answers !

    And have a Great  NewYear!

     

    Sven

     

  • Profile Image
    JotForm Support

    Answered by abajan on December 31, 2013 at 06:15 AM

    Thanks so much for your compliments and New Year wishes, Sven.

    Yes, it's possible to make the red (pink background) highlight transparent too. Please add the following rule to the form's injected CSS:

    .form-line-error {
    background: none;
    }

    If you also wish to remove the error message and just have the red borders on the textboxes, add the following rule too:

    .form-error-message {
    display: none;
    }

    Incidentally, the Background tool on the Form Style tab can be used instead of injected CSS to make the form's background transparent. Just enter the word transparent:


    Should you need further assitance with this, we're always here. (Well, some of us will be in a somewhat celebratory mood, you understand, but surely some of us will be available! :)


    Happy New Year!

  • Profile Image

    Answered by svenvanderveen on January 02, 2014 at 10:19 AM

    Thank you for your answer. (and your NewYear video !)

    I am looking forward to work with these form making website in 2014, for my website.

     

    Just one question.

    Can I adjust the default color of the text  under the fields, where a visitor must fill in their data.

    (for example, streetname, first name, etc) 

    In my website (where the forms are transparent, these textlines are hard to read)

    With regards

    Sven

  • Profile Image

    Answered by EliezerN on January 02, 2014 at 10:30 AM

    Yes it is possible, to resolve that, just insert this CSS codes to your form:

    .form-sub-label

    {

    color:#000000 !important;

    }

    You can change the color to the desired one.

    If you need further assistance with this, kindly create a separate thread and post your inquiry there so that we can further assist you and avoid confusion with the original inquiry of this thread.

    Thanks