skip to main content
Programmers documentation > Styling > Using Cascading Style Sheets > Customizing the icon of business objects
 
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.

Copyright © 2018, Rogue Wave Software, Inc. All Rights Reserved.