Form Field Properties
Think of the form field properties as the foundation to customize your form functionally and visually. Assuring your users understand the form clearly!
After you drag and drop any of the components, a multi-tab property diagbox appears with many options and fields to select.
Advanced properties for Phone, Payment and File Upload components will be covered in the Form Fields - Advanced post.
With screenshots, here you’ll find all of the basic and easy to configure properties. Check them below!
Each component has both common and specialized properties. The common properties are generic and common to all form components.
Labels are the name of a field, indicating to the users what they are supposed to type in the field.
For example, you can change the Label Text from the Email Component to just “Email” or “Insert your e-mail below”.
Use this property to write a brief, short and easy-to-read description for the field.
This description will appear under the inserted field and can be used for:
- Explain why the user should fill this field
- Clarify what is the field’s purpose
- Eliminate any possible misinterpretation
- and more
Almost all of the components will show a Required checkbox under the “Validation” tab. You can select it to make a field in a form mandatory.
A required field will be represented with an asterisk (*) right in front of it. Users will only be able to proceed with the form by filling the field with proper information.
Some fields have specialized properties which distinguish themselves from others.
These unique configurations bring a new level of customization for specific components!
Present in almost all of the components, these are default texts/dates/times/emails, numbers, descriptions, etc. for each form, functioning as an example of how the user should type information.
Depending on the component you insert on the page, the default may be text, name, time, e-mail, number, and more.
Some components only accepts specific characters or formats. The the Number Component will only accept numbers as default, for example.
As for the Email Component, the default should have and email format. E.g.“email@example.com” or “firstname.lastname@example.org”.
Minimum and Maximum
Under the Validation tab, you can use Minimum and Maximum property to define required and limit the amount of characters the user can insert in a field.
This property can be set for:
- Text Component: define minimum and maximum length of a text
- Number Component: define minimum and maximum value that can be entered
You can also set a limit for only one of the options, leaving a blank for the other one. For example, establish a minimum number of characters for a field, but don’t set a ceiling.
Present in CheckBox and Radio Component under the tab Options, this property allows you to name the group of fields which can be checked by the user.
Simply insert the name of the group to indicate what the following checkboxes are supposed to represent.
This is a default label for selecting options in the Dropdown Select component.
However, you can check “Hide Default Label” to hide it from the user.
Default, Label and Value
You’ll find it while customizing multi-select Components, like Dropdown Select, CheckBox and Radio.
There’ll be a Default Checkbox, which can be selected to make an option pre-selected, but also allow the users to freely change it.
The label properties are the names of the options the user can checkmark.
In front of each label you can type values (both letters, numbers, and special characters), which are registered internally in the form. Only you will be able to see the value of each field from the group.
Next, you can just click on Add Options to add more options on default, label and values.
Regular Expression Pattern
Only present in the E-mail Component. This is a description of patterns that match combinations of characters in strings.
Powform delivers this property already filled, so you don’t have to go through all the trouble to write it.
If you don’t know what to change in this property, you can just leave as it is and the field will work perfectly!
This property changes the time format the user can select in a Time Component.
You can select 24 hours or 12 hours (also giving option to choose between AM or PM)
Allows the user to select time by each minute, or every 5, 10, 15, or 30 minutes.
Try to configure your field’s properties now!