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.
Background & Text ColorAsked by deluca on January 04, 2014 at 05:24 PM
Our website has a black background, therefore we need to work on the text with white letters.
When we add "white" on the letters, due to the Jotform background color of the widget in the admin panel, we cannot read anymore our text.
Would it be possible to add a very simple condition on your script that changes the background color of the widget we are working on to the oppisite color of the text we are writing so we can see what we are doing please?
I write a white text, Jotform output a black background in the widget in the admin panel(while outputting the correct color on the form for the website).
Sorry about that. Wouldn't it be wise to make your form background in the form builder as black?
Since your website background is black, the form would still look transparent on your page since both background matches. This way, when you edit a submission on your form submissions page, there will be no problem. :)
How is this? I guess this is the best solution we could offer at least for now. Let us know if you still have any difficulties with your form.
Thank you for the reply.
No impossible, let me explain why....it is a bit more complicated than this.
We have a website, your form is added on our website with "no backgrounds", no background color at all due to the type of design we have on the website(picture background in that table.
This is a form that our staff uses to post jobs, so I want to create a new permission for a new user to access that form and add some text in it, but the default jotform design layout is white even if set to "no color". I cannot ask the staff to set it to black as they will cause problems on the live website.
The only way would be your script to add in the design windows(design widnwos only and not on the live website0 the opposite text color for the background, this way the user will always see his work while having a totally diferent setting on the live website(in this case...no backgrounds).
The trick about the black color was of course the first thing we thought about.....but having black on the website looks horrible as our background is a type of chool board that the kids use to draw on(can't remember the name in English...).
I hope you understand.
Thanks for the explanation.
I think that my colleague's suggestion would work even if the background you need to apply to your form in your website is "transparent". What you can do is to set the background to black while editing your form so that you do not have troubles viewing your white text and then, at the time of embeding it to your website change it to transparent again.
As my colleague stated this is the best solution we could offer. Please do not hesitate to contact us if you still need asssitance with this inquiry.
Hi Thank you,
But this is exactly what I do not wish to do.
The people I will give permission to are not skilled with this type of software, therefore I only want them to add data in the form(in a form of a text) and nothing else.
Asking them to change the background from colored to transparent will open the company to error or breaking points because if they forget, the whole website job form will show as black.
This is why I suggested an automated system like I have seen on many website which have button generators. When you button is white and you input the text as white, the generator automatically change the gui to the opposite color.
No worry if you can't I will have to use another script that works this way because I do not want the staff to start playing with the settings.
Can we have a look at the website where the form is currently embedded? We'll see if what we can do about it. I think adding a custom CSS codes to your form would make it. We can do it for you so to be sure nothing will be broken after the changes.