Properties of Icon

  1. Id - unique identifier of the control
  2. GridData(LMS) - control's column values for Large, Medium and Small screens. Please refer to GridData for further details
  3. SAP UI5 Icon Name - use the dropdown help functionality to choose the appropriate icon. The list is based from SAPUI5 Icon Explorer
  4. Bound Icon- the Field Name that links the Control to the Data Model. Take note that the SAP UI5 Icon Name takes precedence over this setting if it has a value.
  5. Color - color to be set to the icon
  6. Size - controls the size of the icon
  7. Style Class - assign a predefined SAPUI5 CSS or a CSS class defined in the CSS of the App
  8. Visible - set a boolean value or a variable with type boolean from the Model to control the visibility property
  9. 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 Icon

  1. Right click on a Form Element and select Add Icon

  2. The Icon control has been added