Customizing Existing Network Element Types

Styling > Customizing Network Elements > Customizing Network Element Types > Customizing Existing Network Element Types

Customizing Existing Network Element Types

This section provides details about the CSS properties that you can use to customize the various network element types.

For details about the network element types and their graphic representation, refer to Network Element Types in the Business Objects and Data Sources documentation.

All types

The following properties are common to all network element types:

Table 3.1 CSS Properties Common to All Network Element Types

Property Name	Type	Default Value	Description
`collapsed`	`boolean`	`false`	Defines whether the object is displayed in its normal size or its reduced size. When the network element is shown in its reduced size, fewer decorations are displayed. In particular, there is no space for an alarm count on the base and an alarm balloon would hide secondary state icons. .
`sizeRatio`	`IlvTransformer`	`null`	A magnification of the node.
`tiny`	`boolean`	`false` in network and equipment components `true` in tree and table components	Sets the network element base to its tiny representation. The tiny representation is used mainly in the Tree and Table components.
`logical`	`boolean`	`false`	Sets the network element base to its logical representation. In the logical representation, all network element types are displayed in the same way using a rectangular shape.

The following properties are mapped, that is, their value is computed automatically by JViews TGO according to the states and alarms currently set in the object (column Set). You can however override the mapped values or customize their graphic representation even when the object does not carry states and alarms.

Table 3.2 Mapped CSS Properties

Property Name	Type	Set	Default Value	Description
`detailLevel`	`enum`	Yes	`MaximumDetails`	Defines the level of detail to be used to draw the base.
`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.
`borderWidth`	`float`	Yes	1 pixel	Denotes the width of the base border.
`reliefBorders`	`boolean`	Yes	`true`	Denotes whether the base border is drawn in relief or not.
`borderLineStyle`	`float[]`	Yes	`null` (Solid)	Denotes the line style used to draw the base border.
`borderPattern`	`Pattern`	Yes	`null`	Denotes the pattern used to draw the base border.
`foreground`	`Color`	Yes	28% gray in the `IltObject` class style	Denotes the foreground color of the base.
`background`	`Color`	Yes	Transparent (`null`)	Denotes the background color of the 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`
`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`
`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`
`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`.
`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`.

IltNetworkElement.Type.BTS, IltNetworkElement.Type.TransportShape, IltNetworkElement.Type.StationShape, IltNetworkElement.Type.MuxShape, IltNeworkElement.Type.NetworkShape

These types have by default a dotted border displayed around the main shape. The dotted border is configured through the following properties:

Table 3.3 CSS Properties for Dotted Borders

Property Name	Type	Set	Default Value	Description
`dottedBorderForeground`	`Color`	No	53% gray in the `IltObject` class style	Denotes the foreground color used to display the extra border around the base.
`dottedBorderBackground`	`Color`	No	Transparent `(null)`	Denotes the background color used to display the extra border around the base.
`dottedBorderLineStyle`	`float[]`	No	`"1,1"`	Denotes the line style used to display the extra border around the base.

IltNetworkElement.Type.MD

This type determines the graphic representation of a mediation device in the form of a stylized shelf with five slots. It can be customized through the following properties:

Table 3.4 CSS Properties for Mediation Devices

Property Name	Type	Set	Default Value	Description
`mdRedButtonColor`	`Color`	No	100% red 0% green 20% blue	When the network element is carrying traffic, two cards are drawn with colored buttons. This property denotes the color of the first buttons (which are red by default).
`mdGreenButtonColor`	`Color`	No	0% red 60% green 60% blue	When the network element is carrying traffic, two cards are drawn with colored buttons. This property denotes the color of the last buttons (which are green by default).
`mdShadowColor`	`Color`	No	53% gray	Denotes the color of the shadowed lines that are used to draw the slots that do not contain any card.

IltNetworkElement.Type.Server

This type determines the graphic representation of a server in the form of a stylized equipment unit with a colored button and a vent grid. It can be customized through the following properties:

Table 3.5 CSS Properties for Servers

Property Name	Type	Set	Default Value	Description
`serverButtonColor`	`Color`	No	100% blue	Defines the color of the server button.
`serverGridColor`	`Color`	No	10% gray	Defines the color of the server grid.

IltNetworkElement.Type.NMW

This type determines the graphic representation of a network management workstation in the form of a stylized workstation. It can be customized through the following properties:

Table 3.6 CSS Properties for Network Management Workstations

Property Name	Type	Set	Default Value	Description
`nmwScreenColor`	`Color`	Yes	67% gray	When the network element is carrying traffic, the screen of the workstation is colored with a different shade of gray, which is determined by the value of this property. If the network element holds new alarms, this property is set by JViews TGO.
`nmwButtonColor`	`Color`	No	0% red 60% green 60% blue	Denotes the color of the button that is drawn on the central unit of the workstation.

IltNetworkElement.Type.BSC

This type determines the graphic representation of a wireless Base Station Controller (BSC). It can be customized through the following property:

Table 3.7 CSS Property for BSC Equipment

Property Name	Type	Set	Default Value	Description
`bscActiveBorderWidth`	`int`	No	1 pixel	Denotes the border width that is used when the element is carrying traffic. This type uses a different border width than the value specified by `activeBorderWidth`, as `activeBorderWidth` is designed for "large" representations, such as the generic square chiclet or geometric shapes, whereas the BSC representation uses thinner lines.

IltNetworkElement.Type.MSC

This type determines the graphic representation of a Mobile Switching Center (MSC). It can be customized through the following property:

Table 3.8 CSS Property for MSC Equipment

Property Name	Type	Set	Default Value	Description
`mscActiveBorderWidth`	`int`	No	1 pixel	Denotes the border width that is used when the element is carrying traffic. This type uses a different border width than the value specified by `activeBorderWidth`, as `activeBorderWidth` is designed for "large" representations, such as the generic square chiclet or geometric shapes, whereas the MSC representation uses thinner lines.

IltNetworkElement.Type.BTS

This type determines the graphic representation of a Base Transceiver Station (BTS). It can be customized through the following property:

Table 3.9 CSS Property for a BTS Object

Property Name	Type	Set	Default Value	Description
`btsActiveBorderWidth`	`int`	No	1 pixel	Denotes the border width that is used when the element is carrying traffic. This type uses a different border width than the value specified by `activeBorderWidth`, as `activeBorderWidth` is designed for "large" representations, such as the generic square chiclet or geometric shapes, whereas the BTS representation uses thinner lines.

IltNetworkElement.Type.BTSEquipment

This type determines the graphic representation of the BTS equipment that is part of a BTS object. It can be customized through the following properties:

Table 3.10 CSS Properties for a BTS Equipment

Property Name	Type	Default Value	Description
`antialiasing`	`boolean`	`true`	Defines whether the object is displayed with sharp and neat lines.
`btsEquipmentRadius`	`int`	`10`	Defines the radius of the BTS equipment.

PREVIOUS NEXT