Text Area

A Text Area field control is great when you need to keep notes or multiple lines of text. You can enter new lines into a Text Area field control. If you need more styling options, you can use the Rich Text field control rather then the Text Area. 

Add Text Area to the form

Firstly, find the Text Area control in the controls add panel. Then, drag and drop it into a section or container on your form.

Basic of the Text Area

Open the Content > Basic block and set the Title's text of this Multiple Metadata control. For more information about Title for field control, please refer:

Understand the Title of field controls

Set the Associated variable for this Text Area control. When you add a new Text Area control, a default variable will be generated automatically. You can click the Edit Button to change the ID and name, or click the Reset button to bind this Text Area control to other existing variables. For more information, please refer:

Understand form controls and the associated variables / fields

Appearance of the Text Area

Open the Content > Appearance block to set the appearance and layout of this Text Area control.

Placeholder: Set the text of the placeholder for this Text Area.

Display Title: Choose display or hide the label of this control. For more information, please refer: Understand the label of field controls

Allow comment: Turn on this option will allow users to add comments on this control.  

Dynamic Display Rules:  When you set a dynamic display rules, It behaves differently based on specific conditions and rules. Learn how to create dynamic display rules for a control.

Validation of the Text Area

Open the Content > Validation block to set the properties of this Text Box control.

Readonly: Turn this ON will make this field control as view only status. 

Required: Make this field as required. Users cannot leave the content as empty.

Max Length: Control how many characters the users are allowed to type the text.

Default Value: Set a default value of this Text Area control.

Custom Validation: Set the custom validation rules. An error message that will display under your field when specified conditions become true. It will allow you to add any number of rules for validating your field. Learn more about the Custom Validation.

Action call of the Text Area

Open the Content > Action block to call a pre-defined action from the dropdown list. This action will be triggered once the value of this Text Area field is changed.

Style the Text Area

Field - Editable

Open the Style > Field - Editable block to set the styles of the field control for it's editable status.

1. Typography: Set the typography options for the text in the text area.
2. Normal / Focus: Set different styles for normal state and focus state of the text area. Styles below are supported to be set separately for Normal and Focus state.
   • Color: Choose the color of the field's text.
   • Background Color: Set background color of the field. By default, the background color is set as transparent.
   • Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.
   • Radius: Set the border radius to control corner roundness.
   • Shadow: Adjust box shadow options

    

3. Placeholder Color: Choose the color of the placeholder text.
4. Align: Set the alignment of text inside the field control. Can be Left, Center or Right. 
5. Padding: Set the Padding of the field control.
6. Field Width: Set the width of the field control in PX or %.
7. Field Alignment: Set the alignment of the field control. This will only be effected when the field width is less than the outside container.
8. Text area Height: Set the height of the field control in PX.
9. Error Message: Set the styles of the error message, 
   • Typography: Set the typography options for the error message.
   • Color: Choose the color of the error message's text.

Field - Read Only

Open the Style > Field - Read Only block to set the styles of the field control for it's view only status.

1. Typography: Set the typography options for the text in the text area.
2. Color: Choose the color of the field's text.
3. Background Color: Set background color of the field. By default, the background color is set as transparent.
4. Align: Set the alignment of text inside the field control. Can be Left, Center or Right. 
5. Padding: Set the Padding of the field control.
6. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.
7. Radius: Set the border radius to control corner roundness.

Style of title

Set the Title of field controls that are applicable to this control.

Advanced Settings

Set the Advanced options that are applicable to this control.