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.
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.
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 ?
remove highlight disable highlighting transparent error highlight on focus
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.
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!
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:
If you also wish to remove the error message and just have the red borders on the textboxes, add the following rule too:
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!
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)
Yes it is possible, to resolve that, just insert this CSS codes to your form:
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.