skip to main content
Programmers documentation > Styling > Using Cascading Style Sheets > Customizing the label in table cells
 
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>
  <attribute>
    <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.

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