skip to main content
Programmers documentation > Styling > Customizing off-page connectors > Customizing existing off-page connector types
 
Customizing existing off-page connector types
Predefined connector types
JViews TGO provides IltOffPageConnector types that you can use directly in your applications, as listed in the following table.
Off-page connector types and their graphical representation
Type
Representation
Description
Standard
 
Standard off-page connector
Managed
 
The off-page connector represents a generic managed entity.
SingleManaged
 
The off-page connector represents a single entity currently managed by the system.
MultipleManaged
 
The off-page connector represents multiple entities currently managed by the system.
Unmanaged
 
The off-page connector represents a generic entity not managed by the system.
SingleUnmanaged
 
The off-page connector represents a single entity currently not managed by the system.
MultipleUnmanaged
 
The off-page connector represents multiple entities currently not managed by the system.
Properties of predefined connector types
The properties listed in the following table apply to all the predefined off-page connector types.
CSS properties for the predefined off-page connector types
Property Name
Type
Default Value
Description
shapeWidth
float
19
Denotes the width of an off-page connector.
shapeHeight
float
19
Denotes the height of an off-page connector.
depressed
boolean
false
Denotes whether the graphic representation of the off-page connector is displayed depressed or not.
tiny
boolean
false in the network and equipment components
true in the table and tree components
Sets the off-page connector base to the tiny representation. The tiny representation is used mainly in the tree and table components.
logical
boolean
false
Sets the off-page connector base to the logical representation. In the logical representation, all off-page connector types have the same look, that is a rectangular shape.
Mapped properties of predefined connector types
The properties listed in the following table are mapped, that is, their value is computed automatically from the alarms set in the object (column Set). You can override the mapped values or customize their graphic representation even when the object does not carry states and alarms.
Mapped CSS properties for off-page connectors
Property Name
Type
Set
Default Value
Description
foreground
Color
Yes
28% gray in the IltObject class style
Denotes the foreground color of the object base.
background
Color
Yes
Transparent ( null )
Denotes the background color of the object base.
fillStyle
ilog.util.IlFillStyle
Network node
IlFillStyle.SOLID_COLOR for user-defined business objects
IlFillStyle.PATTERN for predefined business objects
Denotes the style used to fill the base of an object.
Possible values are:
IlFillStyle.NO_FILL
IlFillStyle.SOLID_COLOR
IlFillStyle.LINEAR_GRADIENT
IlFillStyle.RADIAL_GRADIENT
IlFillStyle.TEXTURE
IlFillStyle.PATTERN
fillTexture
Image
Network node
null
Denotes the texture used to fill the base of an object. This property is only used if fillStyle is set to IlFillStyle.TEXTURE.
fillPattern
Pattern
Yes
null (Solid)
Denotes the pattern used to fill the base of an object. This property is only used if fillStyle is set to IlFillStyle.PATTERN.
fillStart
float
Network node
0f
Returns the position where the gradient of an object starts, that is, where the color is the one defined by property foreground. This property is only used if fillStyle is set to IlFillStyle.RADIA_GRADIENT or IlFillStyle.LINEAR_GRADIENT.
fillEnd
float
Network node
1f
Returns the position where the gradient of an object ends, that is, where the color is the one defined by property background. This property is only used if fillStyle is set to IlFillStyle.RADIA_GRADIENT or IlFillStyle.LINEAR_GRADIENT
fillAngle
float
Network node
0
Returns the angle (in degrees) of the gradient used to fill the base of an object. This property is only used if fillStyle is set to IlFillStyle.RADIAL_GRADIENT or IlFillStyle.LINEAR_GRADIENT
borderColor
Color
Yes
10% gray
Denotes the primary color of the base border.
borderColor2
Color
Yes
60% gray
Denotes the secondary color of the base border.
reliefThickness
float
No
1
Denotes the width of the relief on the base border.
Property for the standard predefined connector type
The property listed in the following table is specific to the type IltOffPageConnector.Standard. This type determines the graphic representation of an off-page connector in the form of two nested relief diamonds.
CSS property specific to the IltOffPageConnector.standard type
Property Name
Type
Default Value
Description
reliefDistance
int
4
Denotes the distance between two nested reliefs diamonds.
How to customize standard off-page connectors
The following CSS extract shows how you can customize the graphic representation of standard off-page connectors. In this example, the size of the off-page connector is set to 21x21:
 
object."ilog.tgo.model.IltOffPageConnector"[type=Standard] {
   shapeWidth: 21;
   shapeHeight: 21;
}

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