Styling > Using Cascading Style Sheets > Customizing Object and Alarm States of Predefined Business Objects > Alarm Balloon Configuration Properties

The following properties apply to the alarm balloon displayed on the base of predefined business objects.

Table 2.12 CSS Properties for Alarm Balloon Representations
Property Name 
Type 
Default Value 
Description 
alarmBalloonVisible 
boolean 
true 
Denotes whether the alarm balloon is visible or not. 
alarmBalloonColor 
Color 
28% grey 
Denotes the color of the alarm balloon. This property is mapped and its value is set according to the color of the highest alarm severity present in the object. 
alarmBalloonShadowColor 
Color 
black 
Denotes the color of the alarm balloon shadow. 
alarmBalloonTextFont 
Font 
Helvetica 12 bold 
Denotes the font used to display the text in the alarm balloon. 
alarmBalloonTextAntialiasing 
boolean 
true 
Denotes whether the text inside the alarm balloon is displayed with antialiasing or not. 
alarmBalloonTextForeground 
Color 
black 
Denotes the foreground color used to display the text in the alarm balloon. 
alarmBalloonTextBackground 
Color 
transparent (null
Denotes the background color used to display the text in the alarm balloon. 
alarmBalloonCountAbbreviated 
boolean 
false 
Denotes whether the alarm count displayed in the alarm balloon is abbreviated or not in its collapsed representation. An abbreviated alarm count displays only the number of alarms and the alarm severity abbreviation for the highest alarm present in the object. 
alarmBalloonCountLabel 
String 
The alarm count to be displayed in the object alarm balloon. It is composed of the number of new alarms of the highest severity, the short description of the highest new alarm severity and a '+' sign in case the object has other alarms of lower severity. For example: 10C+ 
Defines the label to be used for the alarm count in the alarm balloon. 
alarmBalloonCountIcon 
Image 
The image registered for the highest new alarm severity currently present in the object 
Defines the image to be used with the label to compose the alarm count in the alarm balloon. 
alarmBalloonPosition 
IlvDirection 
Top 
Denotes the position of the alarm balloon around the object base. 
Possible values are: 
Top 
Bottom 
Left
Right 
alarmBalloonCollapsed 
boolean 
true 
Denotes whether the alarm count displayed in the alarm balloon is abbreviated or not. When this property is set to false, the balloon displays the complete list of alarms according to their severities. 
alarmCountIconVisible 
boolean 
true 
Determines whether the alarm count icon will be used to create the alarm count in the object base and in the alarm balloon. 
alarmCountIconPosition 
int 
IlvConstants.TRAILING 
Defines whether the alarm count icon will be placed before or after the alarm severity description. Possible values are: IlvConstants.LEADING or IlvConstants.TRAILING

How to Customize the Alarm Balloon Representation

The following CSS extract illustrates how you can customize the alarm balloon representation in your predefined business objects.

object."ilog.tgo.model.IltNetworkElement" {
  alarmBalloonPosition: Bottom;
  alarmBalloonTextForeground: white;
}