- Create a new form or edit an existing form
-
Click to add the field to the form or drag the field from the tools menu into position inside the form.
NEX-Forms Documentation
Documentation & Tutorials for NEX-Forms version 8.0 and above
Multi-line Text Areas
Multi-line text areas in NEX-Forms are versatile input fields designed to capture larger amounts of text from users. Unlike single-line text fields, multi-line text areas allow users to enter extended responses, making them ideal for comments, feedback, descriptions, and other detailed information. You can customize these text areas with various settings, such as setting default text, adjusting the number of visible rows, and applying character limits. This flexibility ensures that you can tailor the text areas to suit the specific needs of your form, enhancing user experience and data collection quality.
How to add a multi-line text area to a form
Multi-line Text Areas are found in the draggable fields and elements toolbar under the "Input Fields" section and is represented with this icon:
Text Area input settings
This section provides a comprehensive guide to understanding and effectively utilizing all the input settings available for NEX-Forms Text Areas. Learn how to configure Text Areas to suit your needs.
- Edit the field by hovering over it and then click on the Edit Icon which will bring up the field settings panel.
-
Click on the "INPUT" tab from the settings panel.
General settings
The below table shows all General Input settings, their functions and actual NEX-Forms input field examples where applicable.
| General Text Area setting definitions | ||
| Setting | Definition | |
| Input Name | Sets the name of the input field itself. By default when you enter a field's Main Label the Input Name will reflect that text in an input name format. IMPORTANT:
• One form can not have 2 or more fields with the same input names. • All input names in a single form needs to be unique. • An input field name can not be blank. TIP: If you need two or more fields to have the same label then you can edit these field's input names to be unique while still having the same labels for the fields.
NOTE: Reserved WordPress terms (parameters) like name, page, post, category, id will be prefixed with an underscore to avoid conflict, for example: name will become _name |
|
| Input ID | Gives the Input an ID. Useful if you need to tager fields by thier id's from 3rd party scripts or CSS (Cascading Style Sheets) | |
| Setting | Definition | Example |
| Input Placeholder | Sets the input's placeholder text - Placeholder text is displayed inside the input field when it is empty and not focused, serving as a temporary label or prompt for users. Once the user starts typing or focuses on the input field, the placeholder text disappears, making way for the user's input. See example field to the right with placeholder Please enter your enquiry |
|
| Disabled | ||
 |
Sets the field enabled - The field is made editable to the user. | |
 |
Sets the field to be "Disabled" - The field is made uneditable to the user. |
|
Default value & input styling
The below table shows all General Input settings, their functions and actual NEX-Forms input field examples.
| Default value & input styling definitions | ||
| Setting | Definition | Example |
| Default Value | Sets the field default value. For example, give you user a head start for entering a query by giving the field a default value of Hi, | |
| (bold) | If active sets the input text to bold | |
| (Italic) | If active sets the input text to italic | |
| (Underline) | If active sets the input text underlined | |
| Font Size | Sets the font size of the input text | |
| TX (Text color) | Sets the input field's text color | |
| BG (Background color) | Sets the input field's background color | |
| BRD (Border width and color) | Sets the input field's border width (size) and border color | |
| (Align Text Left) | If active aligns the text to the left inside the input field | |
| (Align Text Center) | If active aligns the text center inside the input field | |
| (Align Text Right) | If active aligns the text to the right inside the input field | |
| Input Size | ||
 |
Small - Sets the input field size to small | |
 |
Normal - Sets the input field size to normal size | |
 |
Large - Sets the input field size to large | |
| Corners | ||
 |
Squared - Sets the input field's corners square | |
 |
Rounded - Sets the input field's corners rounded | |
 |
Pilled - Sets the input field's corners fully rounded (pilled) | |
Text Area Validation
Text Area validation in NEX-Forms ensures that the data entered by users meets specific criteria before the form can be successfully submitted. This helps maintain data integrity and prevents incorrect or incomplete submissions. Here’s a detailed explanation of how text field validation works in NEX-Forms:
- Edit the text field by hovering over it and then click on the Edit Icon which will bring up the field settings panel.
-
Click on the "VALIDATION" tab from the settings panel.
Text Area Validation Options
| Text Area Validation Option Definitions | ||
| Option | Definition | Example |
| Maximum Characters | Restricts the number of characters that can be entered into a text area. Once the user reaches the specified character limit, they will not be able to input any more characters into the field. NOTE: Leave this setting empty for no limits.
|
|
| Minimum Characters | Sets the minimum number of characters a user must input into a text area for the form to be submitted successfully. This feature is useful for ensuring that users provide sufficient information, especially for fields where brief or incomplete responses would be inadequate. NOTE: Leave this setting empty for no limits. |
|
ALSO SEE: Essential Field Validation for learing how to make a field required/manditory.
Was this article helpful?
Still having trouble? How can we help you?
This article was last updated on 19 November 2024
Popular Articles
Stay in Touch
Get the latest NEX-Forms news and info by following us on:
In this article