Customizing the Selection Border in the Network and Equipment

This use case shows you how to customize the selection border of your business objects. It applies to the network and equipment graphic components.

Customizing the selection border is based on the following properties:

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.

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;
}