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. 

    Setting Additional Properties provides further information about the Advanced property

Step-by-step guide

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