Using Cascading Style Sheets
Shows you how to use Cascading Style Sheets (
CSS) to customize an application in the various graphic components. Each use case contains a style sheet extract, which can be loaded into the graphic component using the method
setStyleSheets.

Describes the use of global settings to define the look and feel of the graphic components in an application.

Describes how to customize the nodes in a network or equipment component.

Describes how to use other classes for more complex representations of nodes.

Describes how to customize the links in a network or equipment component.

Describes the graphical representation of tree nodes and the ways of customizing them.

Describes the graphical representation of table cells and the ways of customizing them.

Describes the graphical representation of table column headers and rows and the ways of customizing them

Describes how to customize the labels of your business objects in the network component, the equipment component, and the tree component.

Describes how to customize the label that represents an attribute in the table component.

Describes how to configure and change the font of all the labels in your application (all graphic components).

Describes how to customize the tooltips used to describe your business objects (tree component, table component, network component, and equipment component).

Describes how to customize the object and alarm states of all the predefined business objects.

Describes how to customize the icon used to represent your business objects (tree component and table component).

Describes how to add an attribute to the system window (network component and equipment component).

Describes how to change the background color of the columns in a table based on an attribute (table component).

Describes how to add several columns to a table in which the same attribute is represented in different ways (table component).

Describes how to customize the layout of nodes and links in a network.

Describes how to customize the link label layout in a network and in an equipment component.

Describes how to customize the selection border of your business objects (network component and equipment component).

Describes how to customize the selection of your business objects in a (table component and tree component).

Describes how to customize the expansion of an object in the tree component, the network component, and the equipment component.
Copyright © 2018, Rogue Wave Software, Inc. All Rights Reserved.