Decorations

Developing with the SDK > Using CSS Syntax in the Style Sheet > Customizing General Nodes in the Style Sheet > Decorations

Decorations

INDEX

PREVIOUS NEXT

The general node can display "decoration" graphics in its top-left corner. Decorations are small graphic objects used to represent the state of an object. For example, you could use an icon to show that an error has occurred during the processing of a workflow activity.

To add a decoration to a node, set the decorations property. The value of the property is an array of IlvGraphic objects.

Code Sample 3.3 shows a style sheet extract that adds a decoration which is an IlvShadowLabel object.

node[status="error"] {
    decorations[0] : "@Subobject#errorDecoration";
}
Subobject#errorDecoration {
    class      : "ilog.views.sdm.graphic.IlvGraphicFactories$ShadowLabel";
    IlvRect    : "0,00,20,20";
    label      : "E";
    foreground : "red" ;
    background : "white" ;
}

Code Sample 3.3 Adding a Decoration to a Node in the Style Sheet

You can add up to three decorations to a node. The decorations are always displayed in the upper-left corner of the node. The upper-left corner of the first decoration is aligned with the upper-left corner of the node. If several decorations are used, the subsequent decorations are shifted to the right.

PREVIOUS NEXT