2.2.10.3 Text Area

Properties of Text Area

1. Id - unique identifier of the control

2. Rows,Cols - defines the number of visible lines and columns (e.g. value 2,5 means 2 lines with 5 columns)

3. Bound Field - the Field Name that links the Control to the Data Model.

4. GridData(LMS) - control's column values for Large, Medium and Small screens. Please refer to GridData for further details

5. Actions on Change - a place to inject a custom code or action in the event that the value changes. A common application of this is calling a Javascript Function.

6. Placeholder - text that will be displayed before an input has been made. A help or instruction text can be put here (e.g. instruction for the correct format)

7. Style Class - assign a predefined SAPUI5 CSS or a CSS class defined in the CSS of the App

8. Width - set the width of the control (e.g 50px). This setting overwrites the setting in the Cols

9. Enabled - set a boolean value or a variable with type boolean from the Model to control the enable property

10. Visible - set a boolean value or a variable with type boolean from the Model to control the visibility property

11. Mandatory - set a boolean value or a variable with type boolean from the Model to control the mandatory property.

12. Advanced - properties of the control not available in the above list can be added here. 

How to add a Text Area

1. Right click on a Form Element and select Add Text Area
   

2. A Text Area control has been added

   Open