This tip will show you how to use hidden fields on your form to provide an area for admin users to change status or add information to submissions that you receive through a form.
First, go to the Form Builder and drag and drop a Field. Then click the field and enter a Container CSS Class: toHide. Save your Form.
Note: Do not make these fields required.
As you can see, your new field is visible in the Form Builder and admin panel. Now we need to hide it in the form’s page.
Second, open the following file:
– static_files/css/public.css
This css file will only be loaded when a form’s page.
And enter the following CSS rule:
.toHide {
display: none !important;
}
That’s it! You can use this technique to add custom CSS code to all of your forms at once. But of course, if you want to add custom CSS styles to one form, you will need to use a CSS Theme.
View and Edit a Submission
Once you’ve received a submission, go to the Submission Manager. You’ll see all of the data submitted, but you won’t see the hidden fields, because those fields have not any data in them yet.
Click the ‘Edit‘ button and this will display the empty, hidden fields in the submission. Change the status or add the notes you need to make to the submission, then save your work.
The data you added will now be part of the submission and can be exported along with the rest of the collected information.