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;

}