Text Area
The "Text Area" widget is an input component that allows multiple lines of text. An ideal use case would be in forms requiring multi-line input space, such as in an address field.
Text Area Properties
| Property | Description |
|---|---|
| Rows | Lets you set the number of rows you want the field to display. |
API Methods
setReadOnly
Sets the ReadOnly flag for this component.
- Method
- Usage
setReadOnly(readOnly: boolean): void
// Setting the readOnly to "true" renders the field as non-editable
a8forms.Textarea("textAreaId").setReadOnly(true)
// Setting the readOnly to "false" enables the field to be editable
a8forms.Textarea("textAreaId").setReadOnly(false)
setVisibility
Sets the Visibility flag for this component.
- Method
- Usage
setVisibility(visible: boolean): void
// Setting the visibility to "true" makes the element visible
a8forms.Textarea("textAreaId").setVisibility(true)
// Setting the visibility to "false" makes the element invisible
a8forms.Textarea("textAreaId").setVisibility(false)
setVisibilityCondition
Sets the visibility condition for this component.
- Method
- Usage
setVisibilityCondition(condition: string): void
// Sets a condition for changing the element's visibility status.
a8forms.Textarea("textAreaId").setVisibilityCondition("1 === 1")
Event Handler
Event handlers allow you to set triggers for various actions based on the fired events.
onChange
onChange - On any action made within the text area component.