How to make a form field hidden?
Shawn Sato-Veillon created the topic: How to make a form field hidden?
I created a form which works well. In hind sight, I realized that I need to add a field that only I see, and can edit after submission. The scenario is a contest - people submit their entries via the form. Then I look at the data from the entry, and need to mark if it is valid for A or B, or it is invalid. So I added a drop down field with those choices, and now want to set it as invisible. I believe this will result in the function I want to add. However, for the life of me I can't figure out how to hide that field. I don't want it to show up on the form when people submit for obvious reasons.
Shawn Sato-Veillon
CTO, Smokin' Drones
President BULLIT Drones
Please Log in or Create an account to join the conversation.
-
Topic Author
- Shawn Sato-Veillon
- Offline
- Fresh Boarder
-
7 years 5 months ago
Agapi G. replied the topic: How to make a form field hidden?
Hello Shawn! Thanks for posting your request!
There are two ways of achieving this in Form Maker:
- First would be to hide the field with CSS. Please give us the link to your form page and we will provide you the code ASAP.
- And second would be to add a Hidden Field which is hidden by default. Please try this as well and let me know if it works for you.
Thank you! Enjoy your weekend!
Kind regards,
Agapi G.
Web-Dorado team
Please Log in or Create an account to join the conversation.
7 years 5 months ago
Shawn Sato-Veillon replied the topic: How to make a form field hidden?
Since the contest is over, I can't really put the form back up to send a link. But where is the Hidden Field type field? I don't see it anywhere! This is what I was expecting to see.
UPDATE: I found it. Or at least I can pick that as the field type when I make a new one. Thanks!
Shawn Sato-Veillon
CTO, Smokin' Drones
President BULLIT Drones
Please Log in or Create an account to join the conversation.
-
Topic Author
- Shawn Sato-Veillon
- Offline
- Fresh Boarder
-
7 years 5 months ago
Agapi G. replied the topic: How to make a form field hidden?
Hey Shawn!
It's great that you have found the Hidden Field of Form Maker and it worked for you! Please don't hesitate to let our team know any time you have other questions or requests.
We'll gladly assist you with them.
Thank you! Have a great start of the week!
Kind regards,
Agapi G.
Web-Dorado team
Please Log in or Create an account to join the conversation.
7 years 5 months ago
Gervas Mfubusa replied the topic: How to make a form field hidden?
Hi Team,
Thank you for these great products. Am having the form accessible to log in users only and the email field in this form is auto populated. I want to hide this field from the front end please let me know how to achieve this goal with CSS or any other easy option.
Sincerely
Please Log in or Create an account to join the conversation.
-
- Gervas Mfubusa
- Offline
- Fresh Boarder
-
7 years 2 weeks ago
Agapi G. replied the topic: How to make a form field hidden?
Hello Gervas!
Thank you for your kind words about our products!
You can hide this field with a few lines of CSS code. Could we please have the link to the page, where you have your form? We'll take a look and provide the code which will hide your email field.
Thanks! Have a nice start of the week!
Kind regards,
Agapi G.
Web-Dorado team
Please Log in or Create an account to join the conversation.
7 years 2 weeks ago
Gervas Mfubusa replied the topic: How to make a form field hidden?
See my form on this link tanzability.com/testing-additional-strategis/ I want to hide the email field as it will be autopopulated
Please Log in or Create an account to join the conversation.
-
- Gervas Mfubusa
- Offline
- Fresh Boarder
-
7 years 2 weeks ago
Agapi G. replied the topic: How to make a form field hidden?
Hi Gervas!
Thanks for the link. Please add the following CSS code to the theme of your form. Go to the backend of your form and click Edit CSS. Scroll to the very and and copy the code.
div[wdid="45"] .wdform-field {
display: none;
}
Make sure to clear the cache of your web browser before making the changes. Let me know if it works.
Thank you!
Kind regards,
Agapi G.
Web-Dorado team
Please Log in or Create an account to join the conversation.
7 years 2 weeks ago
Buddy replied the topic: How to make a form field hidden?
Hi There,
I need to create a field which is hidden. and then with conditional i will make it shown by a check box.
Please let me know how to do that. I'm not familiar with any CSS nor Java script.
So please advise what is the other option to make it happen.
Thank you,
Buddy
Please Log in or Create an account to join the conversation.
6 years 10 months ago
Agapi G. replied the topic: How to make a form field hidden?
Hello Buddy! Thank you for posting your question!
Please note, that no additional CSS/Javascript is necessary for this case. If you are using Conditional Fields, the hiding/showing will be done automatically.
For instance, let's say you wish "Checkbox" field to display in case user selects "Yes" option for "Radio" field. The condition should be set up as follows:
[show] [Checkbox] if [any] of the following match:
[Radio] is [Yes]
Could you please try this?
Thanks! Have a great day!
Kind regards,
Agapi G.
Web-Dorado team
Please Log in or Create an account to join the conversation.
6 years 10 months ago
Leonard Chia replied the topic: How to make a form field hidden?
Agapi G. wrote: Hi Gervas!
Thanks for the link. Please add the following CSS code to the theme of your form. Go to the backend of your form and click Edit CSS. Scroll to the very and and copy the code.
div[wdid="45"] .wdform-field { display: none; }
Make sure to clear the cache of your web browser before making the changes. Let me know if it works.
Thank you!
Can this be applied to Select Box as well?
I need to hide a Select Box that only can be edited by myself.
My site is [email protected]
Please Log in or Create an account to join the conversation.
-
- Leonard Chia
- Offline
- Fresh Boarder
-
- Posts: 12
- Thank you received: 0
6 years 10 months ago
Agapi G. replied the topic: How to make a form field hidden?
Hello Leonard!
Thanks for the question!
Yes, the CSS can be applied to a select field. However, please note, that wdid="45" is specific for each field. Could you please give us the link to your form page and mention which select box should be hidden? We'll provide the corresponding CSS code as soon as possible.
Thank you! Have a great day!
Kind regards,
Agapi G.
Web-Dorado team
Please Log in or Create an account to join the conversation.
6 years 10 months ago