How to Customize the Alarm Representation for Predefined Business Objects

The following CSS extract modifies the graphic representation of network element objects, so that raw alarms are considered as primary alarms. As such, they are represented in the object base, the alarm count and the alarm balloon using the default JViews TGO look and feel. In addition, the example modifies the object so that, when the Loss Of Connectivity alarm state is set, it is graphically represented as a secondary state icon and the object base color and object border color are not affected.

object."ilog.tgo.model.IltNetworkElement" {
  primaryAlarmState: Raw;
  alarmLossOfConnectivityOverride: false;
}

How to Customize the Alarm Representation for Predefined Business Objects to Use Blinking Colors

The following CSS extract shows how you can modify the object representation of JViews TGO predefined business objects to use blinking colors instead of alarm balloon decorations to highlight the presence of new alarms.

This use case illustrates the following configuration:

To achieve this configuration, the following CSS properties are used:

object."ilog.tgo.model.IltObject" {
  alarmBalloonVisible: false;
  alarmColorVisible: false;
  alarmColor: '';
  alarmBrightColor: '';
  alarmDarkColor: '';
}
 
object."ilog.tgo.model.IltObject"[alarmHighestSeverity] {
  alarmColorVisible: true;
  alarmColor: '@|severityColor(@|highestSeverity())';
  alarmBrightColor: '@|severityBrightColor(@|highestSeverity())';
  alarmDarkColor: '@|severityDarkColor(@|highestSeverity())';
}
 
object."ilog.tgo.model.IltObject"[newAlarmHighestSeverity] {
  alarmColorVisible: true;
  alarmColor: '@|blinkingcolor(@|severityColor(@|highestNewSeverity()), "#50FFFFFF")';
  alarmBrightColor: '@|blinkingcolor(@|severityBrightColor(@|highestNewSeverity()), "#50FFFFFF")';
  alarmDarkColor: '@|blinkingcolor(@|severityDarkColor(@|highestNewSeverity()), "#50FFFFFF")';
}
 
object."ilog.tgo.model.IltObject"["objectState.Alarm.LossOfConnectivity"=true] {
  alarmColorVisible: true;
  alarmColor: '@|settings("Alarm.LossOfConnectivity.Color")';
  alarmBrightColor: '@|settings("Alarm.LossOfConnectivity.BrightColor")';
  alarmDarkColor: '@|settings("Alarm.LossOfConnectivity.DarkColor"';  
}