Customizing the icon of business objects

Properties for customizing icon parameters

Customizing icon parameters in the graphic representation of a business object is based on the following properties of the graphic representation.
CSS Property
Type of Value
Default
Usage
icon
Image
null
Icon to be displayed.
iconVisible
Boolean
true
Determines whether the icon is displayed or not. If this value is true and icon is null , the icon will not be displayed.

How to customize the icon based on the business object identifier

The CSS selector in this use case is defined based on the object identifier as shown in the following example.
Subobject#id {
      icon: '@|image("customer.png")';
      iconVisible: true;
}
In this example, the business object with the object identifier id will use the icon customer.png .

How to customize the icon used in a table cell

object."CustomIltNetworkElement/site" {
  iconVisible: true;
  icon: '@|image("site.png")';
}
In this example, the table cells in the column site will display the icon site.png for objects of the class CustomIltNetworkElement .