Customizing selection in a table or a tree

To customize object selection in the tree component, you should use the "selected" pseudoclass, and define the behavior that you want using the CSS properties that are available for the business objects displayed.

The following example changes the label foreground of the object to red when it is selected:

object {
  labelForeground: black;
}
object:selected {
  labelForeground: red;
}

To customize object selection in the table component, you should use the "selected" pseudoclass, and define the behavior that you want using the CSS properties that are available for the business objects and attributes displayed.

For example, in a table component that displays network element objects, you can change the color of the label in the Name column using the following CSS extract:

object."ilog.tgo.model.IltObject/name" {
  labelForeground: black;
}
object."ilog.tgo.model.IltObject/name":selected {
  labelForeground: red;
}