Customizing the selection border in the network and equipment

Customizing the selection border is based on the following properties.

CSS properties for object selection border in the network and equipment components

Property Name	Type	Default Value	Description
`selectable`	`boolean`	`true`	Defines whether an object is selectable or not in the graphic component.
`selectionBorderForeground`	`Color`	`white`	Defines the foreground color used to draw the selection border.
`selectionBorderBackground`	`Color`	`null`	Defines the background color used to draw the selection border. This property is only considered if the selection border line style is not solid.
`selectionBorderWidth`	`int`	`2`	Defines the width of the selection border.
`selectionBorderLineStyle`	`float[]`	`Solid(null)`	Defines the line style used to draw the selection border.

How to customize the object selection border in the network and equipment components

The following example shows you how to customize the selection border displayed around the object in the network and equipment graphic components.

The example sets a dashed yellow selection border with a width of 2 pixels.

object {
  selectionBorderLineStyle: "3,3";
  selectionBorderForeground: yellow;
  selectionBorderWidth: 2;
}

Current section