Text Area

Overview

The TextArea component is a multi-line input widget that counts and limits the number of characters that the user can enter. The Text Area also displays the character count on the top right of the component. The primary usage of this component is to get inputs such as Notes and feedback. It can be used for regular text entries as well.

NOTE: The Text Area Component is used inside the Mobile Banking application.

Text Area Contracts

The Text Area component contains the following contracts.

setData Method

setData Method

This method is used to set the properties of the input box in the Text Area component.

Parameter	Value
Syntax	`this.view.<componentID>.setData(data);`
Input parameter	`data`: JSON object containing the following key-value pairs to set the component preferences. `title`: Sets the heading of the TextArea in a String format. `maxChars`: Sets the maximum number of characters allowed in the input box. `text`: The user-entered text in a String format. `placeholder`: Sets the filler text in the input box in a String format. This text animates to the top and becomes the title while entering the input. `height`: Sets the height property of the input box in a String format.
Sample Input	var data = { "title": "Notes (Optional):", "maxChars": 150, "text": "This is a sample text", "placeholder": "Enter here", "height": "50dp" }; this.view.textarea.setData(data);
Return Type	None

Dark Mode

Expand/Collapse

In this topic