Customizing the label in table cells

TGO > Programmers documentation > Styling > Using Cascading Style Sheets > Customizing the label in table cells

Properties for customizing labels

You can use the CSS properties listed in the following table to customize the label used to represent an attribute in a table component.

CSS Property	Type of Value	Default	Usage
label	String	null	Text to be displayed for the label. By default, no text is displayed.
labelVisible	Boolean	true	Determines whether the label is displayed or not.
labelFont	Font	null	Font to be used for the label. By default, it is a sans serif font.
labelForeground	Color	null	Color to be used for the label foreground of a cell. By default, the color is black.
labelBackground	Color	null	Color to be used for the label background of a cell. By default, the color is white.

How to customize an attribute in a table component

This example shows how to customize the representation of the attribute throughput in a table component.

<class>

<name>Element</name>

<superClass>ilog.tgo.model.IltNetworkElement</superClass>

<name>throughput</name>

<javaClass>java.lang.Integer</javaClass>

</attribute>

</class>

How to customize cell labels

The following example shows how to customize the cell labels in the class Element.

object."Element/throughput" {

label: @throughput;

labelForeground: yellow;

labelBackground: red;

}

In this example, the value of throughput is automatically converted from Integer to String through the application type converter when the value of label is computed. Alternatively, you could use a format function ( @|format ) to obtain the same result. See Expressions for more information.