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.